@luzmo/lucero 2.4.2 → 2.5.1
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/components/action-button/action-button.d.ts +3 -2
- package/components/action-button/index.cjs +1 -1
- package/components/action-button/index.js +1 -1
- package/components/action-button-B4_uvHiN.cjs +22 -0
- package/components/action-button-DU95RNNi.js +138 -0
- package/components/action-menu/action-menu.d.ts +16 -1
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.d.ts +1 -0
- package/components/action-menu/index.js +1 -1
- package/components/{action-menu-C0sHNsjG.js → action-menu-B6nNYwlL.js} +40 -22
- package/components/action-menu-C_vyFNJt.cjs +58 -0
- package/components/badge/index.cjs +1 -1
- package/components/badge/index.js +1 -1
- package/components/badge-Bp-1d70q.js +96 -0
- package/components/badge-CNeUkS4b.cjs +23 -0
- package/components/button/index.cjs +1 -1
- package/components/button/index.js +1 -1
- package/components/button-B1V_2tHk.cjs +20 -0
- package/components/button-QXavBh1X.js +126 -0
- package/components/calendar/index.cjs +1 -1
- package/components/calendar/index.js +1 -1
- package/components/{calendar-D1UtHvpY.js → calendar-BNGwCJsG.js} +1 -1
- package/components/{calendar-pQxEWdYC.cjs → calendar-CLGqcox8.cjs} +1 -1
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +1 -1
- package/components/{checkbox-BEjvkjfc.js → checkbox-CydI9yXG.js} +1 -1
- package/components/{checkbox-ClVrkeLp.cjs → checkbox-JCvBro0K.cjs} +1 -1
- package/components/date-range-picker/index.cjs +1 -1
- package/components/date-range-picker/index.js +1 -1
- package/components/{date-range-picker-DKVmGpUC.js → date-range-picker-5SDPe2fQ.js} +1 -1
- package/components/{date-range-picker-D149LIGC.cjs → date-range-picker-CLfEEYkE.cjs} +1 -1
- package/components/date-time-picker/index.cjs +1 -1
- package/components/date-time-picker/index.js +1 -1
- package/components/{date-time-picker-CRpvRk9T.cjs → date-time-picker-DXTksnPd.cjs} +1 -1
- package/components/{date-time-picker-6c19YzwF.js → date-time-picker-s3xujamC.js} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +23 -21
- package/components/match-media-B_0cVVtk.cjs +18 -0
- package/components/match-media-C5X2OZiD.js +34 -0
- package/components/notice/index.cjs +1 -1
- package/components/notice/index.js +1 -1
- package/components/{notice-CsWaqcq3.cjs → notice-CQFyo6OE.cjs} +1 -1
- package/components/{notice-N0-lxEf_.js → notice-CQI5kFRd.js} +1 -1
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +1 -1
- package/components/picker-C1tD-4ac.cjs +124 -0
- package/components/{picker-D0fMBZLb.js → picker-Czkf6auL.js} +7 -6
- package/components/progress-steps/index.cjs +1 -1
- package/components/progress-steps/index.js +1 -1
- package/components/progress-steps/progress-steps.d.ts +0 -5
- package/components/{progress-steps-BvCzsq9Z.js → progress-steps-CXJEaaUg.js} +2 -5
- package/components/{progress-steps-CvdQQwHc.cjs → progress-steps-Dqh53oC1.cjs} +2 -2
- package/components/prompt-box/index.cjs +1 -1
- package/components/prompt-box/index.js +1 -1
- package/components/{prompt-box-Cz_m2wso.js → prompt-box-CA8bsoZP.js} +2 -2
- package/components/{prompt-box-sp9_-Hnx.cjs → prompt-box-DyODaKXV.cjs} +1 -1
- package/components/question-box/index.cjs +1 -1
- package/components/question-box/index.js +1 -1
- package/components/{question-box-D7YSi_6c.js → question-box-DSwTpxAW.js} +4 -4
- package/components/{question-box-Bdtsgv1k.cjs → question-box-cBeVshAq.cjs} +1 -1
- package/components/search/index.cjs +1 -1
- package/components/search/index.js +1 -1
- package/components/{search-DEjLSJ96.js → search-CFTOvmWA.js} +1 -1
- package/components/{search-PxJEuwHt.cjs → search-DJ6KwOam.cjs} +1 -1
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/{select-BUgHi69P.js → select-B86uAHme.js} +5 -4
- package/components/select-CKMCEJf7.cjs +158 -0
- package/components/status-light/index.cjs +1 -1
- package/components/status-light/index.js +1 -1
- package/components/{status-light-DwUnjE3t.js → status-light-B1T3aGJs.js} +1 -1
- package/components/status-light-COApWq-B.cjs +21 -0
- package/components/strategies-Bb7zEjrU.cjs +18 -0
- package/components/{strategies-Cl59wdNZ.js → strategies-COS7mShJ.js} +11 -24
- package/components/table/controllers/table-announcer.d.ts +12 -0
- package/components/table/controllers/table-column-resize.d.ts +41 -0
- package/components/table/controllers/table-grid-navigation.d.ts +28 -0
- package/components/table/controllers/table-layout.d.ts +55 -0
- package/components/table/controllers/table-row-expansion.d.ts +45 -0
- package/components/table/controllers/table-virtualizer.d.ts +42 -0
- package/components/table/index.cjs +18 -0
- package/components/table/index.d.ts +32 -0
- package/components/table/index.js +20 -0
- package/components/table/table-body.d.ts +24 -0
- package/components/table/table-cell.d.ts +27 -0
- package/components/table/table-checkbox-cell.d.ts +41 -0
- package/components/table/table-columns.d.ts +45 -0
- package/components/table/table-disclosure-cell.d.ts +21 -0
- package/components/table/table-head-cell.d.ts +77 -0
- package/components/table/table-head.d.ts +34 -0
- package/components/table/table-model.d.ts +56 -0
- package/components/table/table-row-details.d.ts +29 -0
- package/components/table/table-row.d.ts +64 -0
- package/components/table/table-styles.d.ts +9 -0
- package/components/table/table-templates.d.ts +41 -0
- package/components/table/table.d.ts +197 -0
- package/components/table/types.d.ts +81 -0
- package/components/table-BckZkgeh.js +1601 -0
- package/components/table-Bcq2K21l.cjs +180 -0
- package/components/tabs/index.cjs +1 -1
- package/components/tabs/index.js +1 -1
- package/components/{tabs-DxOD4QNt.cjs → tabs-CMU8X4ho.cjs} +1 -1
- package/components/{tabs-BD_ATrBg.js → tabs-D8U2PxcE.js} +1 -1
- package/components/tags/index.cjs +1 -1
- package/components/tags/index.js +1 -1
- package/components/tags-D8F1o4UZ.cjs +47 -0
- package/components/tags-ZzY_q4TH.js +208 -0
- package/components/template-property-DNDi7lQv.js +47 -0
- package/components/template-property-yhcAmPXk.cjs +18 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +2 -1
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +9 -1
- package/standalone/accordion.js +1 -1
- package/standalone/action-bar.js +1 -1
- package/standalone/action-button.js +1 -1
- package/standalone/action-menu.js +5 -3
- package/standalone/avatar.js +1 -1
- package/standalone/badge.js +1 -1
- package/standalone/button.js +1 -1
- package/standalone/calendar.js +1 -1
- package/standalone/checkbox.js +1 -1
- package/standalone/chunks/action-button-BJGE_BDu.js +6 -0
- package/standalone/chunks/badge-SNXdnyCZ.js +7 -0
- package/standalone/chunks/button-DHan4NJY.js +4 -0
- package/standalone/chunks/{button-Dykw3TSO.js → button-DTL9dD2r.js} +1 -1
- package/standalone/chunks/{calendar-ZwUYkzVq.js → calendar-BOzu003d.js} +1 -1
- package/standalone/chunks/{checkbox-OQtakoP8.js → checkbox-DQ4wPgG_.js} +2 -2
- package/standalone/chunks/{clear-button-pVGfwye8.js → clear-button-3zpCVxG5.js} +1 -1
- package/standalone/chunks/{close-button-RpPiwBdf.js → close-button-C96dazyi.js} +1 -1
- package/standalone/chunks/{color-field-CrCF4kqZ.js → color-field-BFvUGE4L.js} +1 -1
- package/standalone/chunks/{color-menu-B5UOMYmX.js → color-menu-BIKuitbH.js} +2 -2
- package/standalone/chunks/{icon-Dy6J1QeX.js → icon-BypO7M7G.js} +1 -1
- package/standalone/chunks/luzmo-icons-B-pCv-xg.js +13 -0
- package/standalone/chunks/match-media-BMi7j6hf.js +2 -0
- package/standalone/chunks/{menu-nolJetlp.js → menu-DSMoQt1w.js} +1 -1
- package/standalone/chunks/{number-field-C3DYfl1s.js → number-field-B6BDXkL7.js} +3 -3
- package/standalone/chunks/{options-BjRSj630.js → options-CkmITqgV.js} +5 -5
- package/standalone/chunks/{picker-button-BeXTIgUt.js → picker-button-BZWqDoNQ.js} +1 -1
- package/{components/picker-BliQJlY_.cjs → standalone/chunks/picker-jZI5AjVJ.js} +31 -47
- package/standalone/chunks/{segments-factory-Ch3AAizU.js → segments-factory-Da9ojsLC.js} +1 -1
- package/standalone/chunks/strategies-C-vW4MlK.js +2 -0
- package/standalone/chunks/{swatch-m_4GcO2_.js → swatch-CGR_GWqO.js} +1 -1
- package/standalone/chunks/template-property-Dn64faHO.js +2 -0
- package/standalone/chunks/{text-field-BnZtyodU.js → text-field-4OKvLOXG.js} +1 -1
- package/standalone/chunks/{text-field-BrlDeJsx.js → text-field-C2oROxum.js} +1 -1
- package/standalone/clear-button.js +1 -1
- package/standalone/close-button.js +1 -1
- package/standalone/color-field.js +1 -1
- package/standalone/color-menu.js +1 -1
- package/standalone/color-picker.js +1 -1
- package/standalone/date-range-picker.js +1 -1
- package/standalone/date-time-picker.js +1 -1
- package/standalone/icon.js +1 -1
- package/standalone/manifest.json +25 -22
- package/standalone/menu.js +1 -1
- package/standalone/multi-language-field.js +1 -1
- package/standalone/notice.js +1 -1
- package/standalone/number-field.js +1 -1
- package/standalone/options.js +1 -1
- package/standalone/picker-button.js +1 -1
- package/standalone/picker.js +1 -1
- package/standalone/progress-steps.js +2 -2
- package/standalone/prompt-box.js +9 -9
- package/standalone/question-box.js +1 -1
- package/standalone/search.js +1 -1
- package/standalone/select.js +2 -2
- package/standalone/slider.js +1 -1
- package/standalone/status-light.js +1 -1
- package/standalone/swatch.js +1 -1
- package/standalone/table.js +185 -0
- package/standalone/tabs.js +1 -1
- package/standalone/tags.js +1 -1
- package/standalone/text-field.js +1 -1
- package/standalone/toast.js +1 -1
- package/standalone/utils.js +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/template-property.d.ts +13 -0
- package/components/action-button-BRijXjEz.js +0 -138
- package/components/action-button-CX1uYbQp.cjs +0 -22
- package/components/action-menu-CwzRbF61.cjs +0 -56
- package/components/badge-D2Hjf-Ww.js +0 -96
- package/components/badge-D8pIDEoq.cjs +0 -23
- package/components/button-Bvnidb4x.cjs +0 -20
- package/components/button-DIV_j_U3.js +0 -126
- package/components/select-DsGVB01K.cjs +0 -158
- package/components/status-light-D3hdx8Pd.cjs +0 -21
- package/components/strategies-BwNbUXYS.cjs +0 -18
- package/components/tags-BIpFgOYy.js +0 -208
- package/components/tags-fLCGajv_.cjs +0 -47
- package/standalone/chunks/action-button-BzzPBqt5.js +0 -6
- package/standalone/chunks/badge-DD-tMgzi.js +0 -7
- package/standalone/chunks/button-Bv3v7VbN.js +0 -4
- package/standalone/chunks/luzmo-icons-CJa-aByT.js +0 -13
- package/standalone/chunks/picker-hbMQOkUX.js +0 -108
- package/standalone/chunks/strategies-kad_0dTB.js +0 -2
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-zOPAWCdx.cjs"),require("./action-button-CX1uYbQp.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("@luzmo/icons"),a=require("lit/directives/if-defined.js"),o=require("lit/directives/class-map.js"),s=require("@internationalized/date"),c=require("@internationalized/number");var l=`:host{inline-size:var(--luzmo-calendar-width,var(--calendar-width));display:inline-block}.header{align-items:center;inline-size:100%;display:flex}.title{color:var(--highcontrast-calendar-date-text-color,var(--luzmo-calendar-date-text-color,var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size,var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight,var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height,var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color,var(--luzmo-calendar-button-icon-color,var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color,var(--luzmo-calendar-day-title-text-color,var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size,var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight,var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{letter-spacing:var(--luzmo-calendar-title-text-letter-spacing,var(--calendar-title-text-letter-spacing));text-decoration:underline;border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han,var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected,var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight,var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset,var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset,var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected));z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));content:"";z-index:-1;display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down,var(--luzmo-calendar-day-background-color-down,var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected,var(--luzmo-calendar-day-background-color-selected,var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected,var(--luzmo-calendar-day-border-color-cap-selected,var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color,var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color,var(--luzmo-calendar-day-today-background-color,var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color,var(--luzmo-calendar-day-today-border-color,var(--calendar-day-today-border-color)))}@media (hover:hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover,var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover,var(--luzmo-calendar-day-background-color-hover,var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover,var(--luzmo-calendar-day-today-background-color-selected-hover,var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled,var(--luzmo-calendar-day-today-text-color-disabled,var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled,var(--luzmo-calendar-day-today-border-color-disabled,var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus,var(--luzmo-calendar-day-background-color-key-focus,var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus,var(--luzmo-calendar-day-text-color-key-focus,var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-cap-selected-focus,var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)))}.date.is-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color-range-selection,var(--calendar-day-text-color-range-selection,var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}@media (forced-colors:active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color:ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected:Highlight;--highcontrast-calendar-day-background-color-down:ButtonFace;--highcontrast-calendar-day-background-color-hover:Transparent;--highcontrast-calendar-day-background-color-key-focus:ButtonFace;--highcontrast-calendar-day-background-color-selected-hover:Transparent;--highcontrast-calendar-day-background-color-selected:Highlight;--highcontrast-calendar-day-border-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-cap-selected:HighlightText;--highcontrast-calendar-day-text-color-disabled:GrayText;--highcontrast-calendar-day-text-color-hover:ButtonText;--highcontrast-calendar-day-text-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-selected:HighlightText;--highcontrast-calendar-day-text-color:CanvasText;--highcontrast-calendar-date-text-color:CanvasText;--highcontrast-calendar-day-title-text-color:CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover:Highlight;--highcontrast-calendar-day-today-border-color-disabled:GrayText;--highcontrast-calendar-day-today-border-color:ButtonText;--highcontrast-calendar-day-today-text-color-disabled:GrayText;--highcontrast-calendar-day-today-text-color:ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:highlighttext}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{color:highlighttext;background:highlight}}:host{--calendar-background-color:var(--luzmo-background-color-white);font-family:var(--luzmo-font-family);--calendar-day-width:var(--luzmo-component-height);--calendar-day-height:var(--luzmo-component-height);--calendar-border-radius-reset:0;--calendar-border-width-reset:0;--calendar-day-border-size:var(--luzmo-border-width);--calendar-margin-y:calc(var(--luzmo-spacing) * 3);--calendar-margin-x:var(--luzmo-component-height);--calendar-day-padding:var(--luzmo-spacing-2);--calendar-width:calc((var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7);--calendar-title-text-letter-spacing:.06em;--calendar-day-title-text-font-weight:bold;--calendar-day-title-text-color:var(--luzmo-font-color-disabled);--calendar-title-height:var(--luzmo-component-height);--calendar-title-font-weight:bold;--calendar-title-text-size:var(--luzmo-font-size);--calendar-day-title-text-size:var(--luzmo-font-size);--calendar-day-text-size-han:var(--luzmo-font-size);--calendar-date-text-color:var(--luzmo-font-color);--calendar-day-text-color:var(--luzmo-font-color);--calendar-day-text-size:var(--luzmo-font-size);--calendar-day-border-radius:var(--luzmo-border-radius);--calendar-day-text-color-selected:var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover:var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected:var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected:var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus:var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected:var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected:var(--bold-font-weight);--calendar-day-today-text-color:var(--luzmo-primary);--calendar-day-today-background-color:var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight:normal;--calendar-day-today-border-color:transparent;--calendar-day-today-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled:transparent;--calendar-day-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus:var(--luzmo-primary-down);--calendar-day-background-color-selected:rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection:var(--luzmo-font-color);--calendar-day-background-color-cap-selected:var(--luzmo-primary);--calendar-button-icon-color:var(--luzmo-font-color)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width:var(--luzmo-component-height-s);--calendar-day-height:var(--luzmo-component-height-s);--calendar-day-border-radius:var(--luzmo-border-radius-s);--calendar-title-height:var(--luzmo-component-height-s);--calendar-title-text-size:var(--luzmo-font-size-s);--calendar-day-title-text-size:var(--luzmo-font-size-s);--calendar-day-text-size-han:var(--luzmo-font-size-s);--calendar-day-text-size:var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width:var(--luzmo-component-height-l);--calendar-day-height:var(--luzmo-component-height-l);--calendar-day-border-radius:var(--luzmo-border-radius-l);--calendar-title-height:var(--luzmo-component-height-l);--calendar-title-text-size:var(--luzmo-font-size-l);--calendar-day-title-text-size:var(--luzmo-font-size-l);--calendar-day-text-size-han:var(--luzmo-font-size-l);--calendar-day-text-size:var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width:var(--luzmo-component-height-xl);--calendar-day-height:var(--luzmo-component-height-xl);--calendar-day-border-radius:var(--luzmo-border-radius-xl);--calendar-title-height:var(--luzmo-component-height-xl);--calendar-title-text-size:var(--luzmo-font-size-xl);--calendar-day-title-text-size:var(--luzmo-font-size-xl);--calendar-day-text-size-han:var(--luzmo-font-size-xl);--calendar-day-text-size:var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius,4px);padding-inline:var(--luzmo-spacing-2,4px);transition:background-color var(--luzmo-animation-duration,.13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover,var(--luzmo-background-color-hover,#0000000d))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-grid{gap:var(--luzmo-spacing-2,4px);padding:var(--luzmo-spacing-2,4px) 0;grid-template-columns:repeat(4,1fr);display:grid}.year-cell{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border:var(--luzmo-border-width,1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));color:var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color));font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover,var(--luzmo-background-color-hover,#0000000d));color:var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected,bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight,bold)}`,u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,n.unsafeCSS)(l)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get today(){return(0,s.today)(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate(`isDateFocusIntent`,!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`mousedown`,this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`mousedown`,this.resetDateFocusIntent)}clear(){this._value=void 0}constructor(){super(),this.disabled=!1,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`},this.selectionMode=`single`,this.currentDate=this.today,this.timeZone=(0,s.getLocalTimeZone)(),this.viewMode=`days`,this.yearGridStart=this.today.year-this.today.year%16,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new c.NumberFormatter(this._language),this.yearFormatter=new c.NumberFormatter(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}willUpdate(e){e.has(`language`)&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());let t=e.has(`min`),n=e.has(`max`),r=e.has(`value`),i=e.has(`startDate`),a=e.has(`endDate`),o=t||n||r,c=i||a;o&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(t||n),this.updateCurrentDate()),c&&(this.convertRangeDates(),this._startDate&&!e.has(`value`)&&!this.value&&(this.currentDate=this._startDate));let l=e.get(`currentDate`);e.has(`currentDate`)&&(!l||!(0,s.isSameMonth)(l,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute(`aria-label`,this.monthAndYear))}updated(e){if(e.has(`currentDate`)&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has(`currentDate`)){let t=e.get(`currentDate`),n=e.has(`value`)||e.has(`startDate`)||e.has(`endDate`);t&&!(0,s.isSameMonth)(t,this.currentDate)&&!n&&this.dispatchEvent(new CustomEvent(`month-change`,{bubbles:!0,composed:!0,detail:{date:(0,s.startOfMonth)(this.currentDate).toString()}}))}}focusCurrentDate(){let e=this.shadowRoot?.querySelector(`td span[tabindex="0"]`);e&&e.focus()}parseDateOnly(e){return(0,s.parseDate)(e.includes(`T`)?e.split(`T`)[0]:e)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0,this._min=this._min&&(0,s.toCalendarDate)(this._min).set({era:`AD`}),this._max=this._max&&(0,s.toCalendarDate)(this._max).set({era:`AD`}),this._value=this._value&&(0,s.toCalendarDate)(this._value).set({era:`AD`})}convertRangeDates(){this._startDate=this.startDate?(0,s.toCalendarDate)(this.parseDateOnly(this.startDate)).set({era:`AD`}):void 0,this._endDate=this.endDate?(0,s.toCalendarDate)(this.parseDateOnly(this.endDate)).set({era:`AD`}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return n.html`
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-zOPAWCdx.cjs"),require("./action-button-B4_uvHiN.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("@luzmo/icons"),a=require("lit/directives/if-defined.js"),o=require("lit/directives/class-map.js"),s=require("@internationalized/date"),c=require("@internationalized/number");var l=`:host{inline-size:var(--luzmo-calendar-width,var(--calendar-width));display:inline-block}.header{align-items:center;inline-size:100%;display:flex}.title{color:var(--highcontrast-calendar-date-text-color,var(--luzmo-calendar-date-text-color,var(--calendar-date-text-color)));font-size:var(--luzmo-calendar-title-text-size,var(--calendar-title-text-size));font-weight:var(--luzmo-calendar-title-font-weight,var(--calendar-title-font-weight));line-height:var(--luzmo-calendar-title-height,var(--calendar-title-height));text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;order:1;margin:0;overflow:hidden}.nextMonth,.prevMonth{transform:var(--logical-rotation)}.nextMonth:not([disabled]),.prevMonth:not([disabled]){color:var(--highcontrast-calendar-button-icon-color,var(--luzmo-calendar-button-icon-color,var(--calendar-button-icon-color)))}.prevMonth{order:0}.nextMonth{order:2}.dayOfWeek{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));color:var(--highcontrast-calendar-day-title-text-color,var(--luzmo-calendar-day-title-text-color,var(--calendar-day-title-text-color)));font-size:var(--luzmo-calendar-day-title-text-size,var(--calendar-day-title-text-size));font-weight:var(--luzmo-calendar-day-title-text-font-weight,var(--calendar-day-title-text-font-weight));text-transform:uppercase;cursor:default;flex-direction:column;justify-content:flex-end;display:flex;border-block-end:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}:host([title]) .dayOfWeek{letter-spacing:var(--luzmo-calendar-title-text-letter-spacing,var(--calendar-title-text-letter-spacing));text-decoration:underline;border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.body{outline:none}.table{table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;user-select:none}.table-cell{text-align:center;box-sizing:initial;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));padding:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));position:relative}.table-cell:focus{outline:0}.date{box-sizing:border-box;block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));line-height:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) - var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) * 2);white-space:nowrap;cursor:pointer;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.date:lang(ja),.date:lang(ko),.date:lang(zh){font-size:var(--luzmo-calendar-day-text-size-han,var(--calendar-day-text-size-han))}.date.is-disabled{cursor:default;pointer-events:none}.date.is-outsideMonth{display:none}.date:before{content:"";box-sizing:border-box;inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));border:var(--luzmo-calendar-day-border-size,var(--calendar-day-border-size)) solid transparent;position:absolute;inset-block-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2);inset-inline-start:calc(50% - var(--luzmo-calendar-day-width,var(--calendar-day-width)) / 2)}.date.is-selected:not(.is-range-selection){font-weight:var(--luzmo-calendar-day-text-font-weight-selected,var(--calendar-day-text-font-weight-selected))}.date.is-selected:not(.is-range-selection):before{display:none}.date.is-today{font-weight:var(--luzmo-calendar-day-today-text-font-weight,var(--calendar-day-today-text-font-weight))}.date.is-range-selection{margin:var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) 0;border-width:var(--luzmo-calendar-border-width-reset,var(--calendar-border-width-reset));line-height:var(--luzmo-calendar-day-height,var(--calendar-day-height));border-radius:var(--luzmo-calendar-border-radius-reset,var(--calendar-border-radius-reset));inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)) * 2)}.date.is-range-selection.is-range-end,.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{inline-size:calc(var(--luzmo-calendar-day-width,var(--calendar-day-width)) + var(--luzmo-calendar-day-padding,var(--calendar-day-padding)))}.date.is-range-selection.is-selection-end,.date.is-range-selection.is-selection-start{font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected));z-index:0}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));content:"";z-index:-1;display:block;position:absolute;inset-block-start:0}.date.is-range-selection.is-range-start,.date.is-range-selection.is-selection-start{border-start-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-start-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-start:after,.date.is-range-selection.is-range-start:before,.date.is-range-selection.is-selection-start:after,.date.is-range-selection.is-selection-start:before{inset-inline-start:0}.date.is-range-selection.is-range-end,.date.is-range-selection.is-selection-end{border-start-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-end-end-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width));margin-inline-end:var(--luzmo-calendar-day-padding,var(--calendar-day-padding));padding-inline-start:var(--luzmo-calendar-day-padding,var(--calendar-day-padding))}.date.is-range-selection.is-range-end:after,.date.is-range-selection.is-range-end:before,.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-end:before{inset-inline:auto 0}.date.is-range-selection.is-range-start.is-range-end,.date.is-range-selection.is-selection-end.is-range-start,.date.is-range-selection.is-selection-start.is-range-end,.date.is-range-selection.is-selection-start.is-selection-end{inline-size:var(--luzmo-calendar-day-width,var(--calendar-day-width));border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.date{color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color)))}.date:active{background-color:var(--highcontrast-calendar-day-background-color-down,var(--luzmo-calendar-day-background-color-down,var(--calendar-day-background-color-down)))}.date.is-selected{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-selected,var(--luzmo-calendar-day-background-color-selected,var(--calendar-day-background-color-selected)))}.date.is-selected:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-cap-selected,var(--luzmo-calendar-day-border-color-cap-selected,var(--calendar-day-border-color-cap-selected)))}.date.is-today{color:var(--highcontrast-calendar-day-today-text-color,var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color)));background-color:var(--highcontrast-calendar-day-today-background-color,var(--luzmo-calendar-day-today-background-color,var(--calendar-day-today-background-color)))}.date.is-today,.date.is-today:before{border-color:var(--highcontrast-calendar-day-today-border-color,var(--luzmo-calendar-day-today-border-color,var(--calendar-day-today-border-color)))}@media (hover:hover){.date:hover{color:var(--highcontrast-calendar-day-text-color-hover,var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover)))}.date:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-hover,var(--luzmo-calendar-day-background-color-hover,var(--calendar-day-background-color-hover)))}.date.is-range-selection:hover:before,.date.is-selected:hover:not(.is-selection-end,.is-selection-start):before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.date.is-today.is-selected:not(.is-range-selection):hover:before{background:var(--highcontrast-calendar-day-today-background-color-selected-hover,var(--luzmo-calendar-day-today-background-color-selected-hover,var(--calendar-day-today-background-color-selected-hover)))}}.date.is-today.is-disabled{color:var(--highcontrast-calendar-day-today-text-color-disabled,var(--luzmo-calendar-day-today-text-color-disabled,var(--calendar-day-today-text-color-disabled)))}.date.is-today.is-disabled,.date.is-today.is-disabled:before{border-color:var(--highcontrast-calendar-day-today-border-color-disabled,var(--luzmo-calendar-day-today-border-color-disabled,var(--calendar-day-today-border-color-disabled)))}.table-cell:focus-within .date:not(.is-range-selection){background:var(--highcontrast-calendar-day-background-color-key-focus,var(--luzmo-calendar-day-background-color-key-focus,var(--calendar-day-background-color-key-focus)));color:var(--highcontrast-calendar-day-text-color-key-focus,var(--luzmo-calendar-day-text-color-key-focus,var(--calendar-day-text-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date.is-today:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.table-cell:focus-within .date.is-selected:not(.is-range-selection),.table-cell:focus-within .date:not(.is-range-selection):active{color:var(--highcontrast-calendar-day-text-color-selected,var(--luzmo-calendar-day-text-color-selected,var(--calendar-day-text-color-selected)));background:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)));border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-cap-selected-focus,var(--calendar-day-border-color-cap-selected-focus)))}.table-cell:focus-within .date.is-range-selection:before,.table-cell:focus-within .date.is-selected:before{background:var(--highcontrast-calendar-day-background-color-selected-hover,var(--luzmo-calendar-day-background-color-selected-hover,var(--calendar-day-background-color-selected-hover)))}.table-cell:focus-within .date:before{border-color:var(--highcontrast-calendar-day-border-color-key-focus,var(--luzmo-calendar-day-border-color-key-focus,var(--calendar-day-border-color-key-focus)))}.date.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}.date.is-selection-end,.date.is-selection-start{color:var(--highcontrast-calendar-day-text-color-cap-selected,var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected)))}.date.is-range-selection:not(.is-selection-start):not(.is-selection-end){color:var(--highcontrast-calendar-day-text-color,var(--luzmo-calendar-day-text-color-range-selection,var(--calendar-day-text-color-range-selection,var(--calendar-day-text-color))))}.date.is-selection-end:after,.date.is-selection-start:after{background-color:var(--highcontrast-calendar-day-background-color-cap-selected,var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected)))}.date.is-selection-end.is-disabled,.date.is-selection-start.is-disabled{color:var(--highcontrast-calendar-day-text-color-disabled,var(--luzmo-calendar-day-text-color-disabled,var(--calendar-day-text-color-disabled)))}@media (forced-colors:active){.nextMonth,.prevMonth{--highcontrast-calendar-button-icon-color:ButtonText}.date{--highcontrast-calendar-day-background-color-cap-selected:Highlight;--highcontrast-calendar-day-background-color-down:ButtonFace;--highcontrast-calendar-day-background-color-hover:Transparent;--highcontrast-calendar-day-background-color-key-focus:ButtonFace;--highcontrast-calendar-day-background-color-selected-hover:Transparent;--highcontrast-calendar-day-background-color-selected:Highlight;--highcontrast-calendar-day-border-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-cap-selected:HighlightText;--highcontrast-calendar-day-text-color-disabled:GrayText;--highcontrast-calendar-day-text-color-hover:ButtonText;--highcontrast-calendar-day-text-color-key-focus:ButtonText;--highcontrast-calendar-day-text-color-selected:HighlightText;--highcontrast-calendar-day-text-color:CanvasText;--highcontrast-calendar-date-text-color:CanvasText;--highcontrast-calendar-day-title-text-color:CanvasText;--highcontrast-calendar-day-today-background-color-selected-hover:Highlight;--highcontrast-calendar-day-today-border-color-disabled:GrayText;--highcontrast-calendar-day-today-border-color:ButtonText;--highcontrast-calendar-day-today-text-color-disabled:GrayText;--highcontrast-calendar-day-today-text-color:ButtonText;forced-color-adjust:none}.date.is-range-selection.is-today{color:highlighttext}.date.is-range-selection.is-selection-end:after,.date.is-range-selection.is-selection-start:after{content:none}.date.is-disabled.is-range-selection,.date.is-disabled.is-selected{color:highlighttext;background:highlight}}:host{--calendar-background-color:var(--luzmo-background-color-white);font-family:var(--luzmo-font-family);--calendar-day-width:var(--luzmo-component-height);--calendar-day-height:var(--luzmo-component-height);--calendar-border-radius-reset:0;--calendar-border-width-reset:0;--calendar-day-border-size:var(--luzmo-border-width);--calendar-margin-y:calc(var(--luzmo-spacing) * 3);--calendar-margin-x:var(--luzmo-component-height);--calendar-day-padding:var(--luzmo-spacing-2);--calendar-width:calc((var(--calendar-day-width) + var(--calendar-day-padding) * 2) * 7);--calendar-title-text-letter-spacing:.06em;--calendar-day-title-text-font-weight:bold;--calendar-day-title-text-color:var(--luzmo-font-color-disabled);--calendar-title-height:var(--luzmo-component-height);--calendar-title-font-weight:bold;--calendar-title-text-size:var(--luzmo-font-size);--calendar-day-title-text-size:var(--luzmo-font-size);--calendar-day-text-size-han:var(--luzmo-font-size);--calendar-date-text-color:var(--luzmo-font-color);--calendar-day-text-color:var(--luzmo-font-color);--calendar-day-text-size:var(--luzmo-font-size);--calendar-day-border-radius:var(--luzmo-border-radius);--calendar-day-text-color-selected:var(--luzmo-primary-inverse-color);--calendar-day-text-color-hover:var(--luzmo-font-color-hover);--calendar-day-text-color-cap-selected:var(--luzmo-primary-inverse-color);--calendar-day-border-color-cap-selected:var(--luzmo-primary);--calendar-day-border-color-cap-selected-focus:var(--luzmo-primary-focus);--calendar-day-text-font-weight-selected:var(--bold-font-weight);--calendar-day-text-font-weight-cap-selected:var(--bold-font-weight);--calendar-day-today-text-color:var(--luzmo-primary);--calendar-day-today-background-color:var(--luzmo-background-color-hover);--calendar-day-today-text-font-weight:normal;--calendar-day-today-border-color:transparent;--calendar-day-today-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-today-border-color-disabled:transparent;--calendar-day-text-color-disabled:var(--luzmo-font-color-disabled);--calendar-day-text-color-key-focus:var(--luzmo-primary-down);--calendar-day-background-color-selected:rgba(var(--luzmo-primary-rgb), .1);--calendar-day-text-color-range-selection:var(--luzmo-font-color);--calendar-day-background-color-cap-selected:var(--luzmo-primary);--calendar-button-icon-color:var(--luzmo-font-color)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--calendar-day-width:var(--luzmo-component-height-s);--calendar-day-height:var(--luzmo-component-height-s);--calendar-day-border-radius:var(--luzmo-border-radius-s);--calendar-title-height:var(--luzmo-component-height-s);--calendar-title-text-size:var(--luzmo-font-size-s);--calendar-day-title-text-size:var(--luzmo-font-size-s);--calendar-day-text-size-han:var(--luzmo-font-size-s);--calendar-day-text-size:var(--luzmo-font-size-s)}:host([size=l]){--calendar-day-width:var(--luzmo-component-height-l);--calendar-day-height:var(--luzmo-component-height-l);--calendar-day-border-radius:var(--luzmo-border-radius-l);--calendar-title-height:var(--luzmo-component-height-l);--calendar-title-text-size:var(--luzmo-font-size-l);--calendar-day-title-text-size:var(--luzmo-font-size-l);--calendar-day-text-size-han:var(--luzmo-font-size-l);--calendar-day-text-size:var(--luzmo-font-size-l)}:host([size=xl]){--calendar-day-width:var(--luzmo-component-height-xl);--calendar-day-height:var(--luzmo-component-height-xl);--calendar-day-border-radius:var(--luzmo-border-radius-xl);--calendar-title-height:var(--luzmo-component-height-xl);--calendar-title-text-size:var(--luzmo-font-size-xl);--calendar-day-title-text-size:var(--luzmo-font-size-xl);--calendar-day-text-size-han:var(--luzmo-font-size-xl);--calendar-day-text-size:var(--luzmo-font-size-xl)}.table-cell span[role=button]{border-radius:var(--luzmo-calendar-day-width,var(--calendar-day-width))}.title-clickable{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;border-radius:var(--luzmo-border-radius,4px);padding-inline:var(--luzmo-spacing-2,4px);transition:background-color var(--luzmo-animation-duration,.13s) ease}.title-clickable:hover{background-color:var(--luzmo-calendar-title-background-color-hover,var(--luzmo-background-color-hover,#0000000d))}.title-clickable:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-grid{gap:var(--luzmo-spacing-2,4px);padding:var(--luzmo-spacing-2,4px) 0;grid-template-columns:repeat(4,1fr);display:grid}.year-cell{block-size:var(--luzmo-calendar-day-height,var(--calendar-day-height));border:var(--luzmo-border-width,1px) solid transparent;border-radius:var(--luzmo-calendar-day-border-radius,var(--calendar-day-border-radius));color:var(--luzmo-calendar-day-text-color,var(--calendar-day-text-color));font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-calendar-day-text-size,var(--calendar-day-text-size));cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.year-cell:hover{background-color:var(--luzmo-calendar-day-background-color-hover,var(--luzmo-background-color-hover,#0000000d));color:var(--luzmo-calendar-day-text-color-hover,var(--calendar-day-text-color-hover))}.year-cell:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.year-cell.is-selected{background-color:var(--luzmo-calendar-day-background-color-cap-selected,var(--calendar-day-background-color-cap-selected));color:var(--luzmo-calendar-day-text-color-cap-selected,var(--calendar-day-text-color-cap-selected));font-weight:var(--luzmo-calendar-day-text-font-weight-cap-selected,var(--calendar-day-text-font-weight-cap-selected,bold))}.year-cell.is-current-year:not(.is-selected){color:var(--luzmo-calendar-day-today-text-color,var(--calendar-day-today-text-color));font-weight:var(--bold-font-weight,bold)}`,u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,n.unsafeCSS)(l)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get today(){return(0,s.today)(this.timeZone)}set isDateFocusIntent(e){this._isDateFocusIntent!==e&&(this._isDateFocusIntent=e,this.requestUpdate(`isDateFocusIntent`,!e))}get isDateFocusIntent(){return this._isDateFocusIntent}setDateFocusIntent(){this.isDateFocusIntent=!0}resetDateFocusIntent(){this.isDateFocusIntent=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`mousedown`,this.resetDateFocusIntent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`mousedown`,this.resetDateFocusIntent)}clear(){this._value=void 0}constructor(){super(),this.disabled=!1,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`},this.selectionMode=`single`,this.currentDate=this.today,this.timeZone=(0,s.getLocalTimeZone)(),this.viewMode=`days`,this.yearGridStart=this.today.year-this.today.year%16,this.weekdays=[],this.currentMonthDates=[],this._isDateFocusIntent=!1,this.numberFormatter=new c.NumberFormatter(this._language),this.yearFormatter=new c.NumberFormatter(this._language,{useGrouping:!1}),this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates()}willUpdate(e){e.has(`language`)&&(this.setNumberFormatter(),this.setWeekdays(),this.setCurrentMonthDates());let t=e.has(`min`),n=e.has(`max`),r=e.has(`value`),i=e.has(`startDate`),a=e.has(`endDate`),o=t||n||r,c=i||a;o&&(this.convertToCalendarDates(),this.checkDatePropsCompliance(t||n),this.updateCurrentDate()),c&&(this.convertRangeDates(),this._startDate&&!e.has(`value`)&&!this.value&&(this.currentDate=this._startDate));let l=e.get(`currentDate`);e.has(`currentDate`)&&(!l||!(0,s.isSameMonth)(l,this.currentDate))&&(this.setCurrentMonthDates(),this.setAttribute(`aria-label`,this.monthAndYear))}updated(e){if(e.has(`currentDate`)&&this.isDateFocusIntent&&this.focusCurrentDate(),e.has(`currentDate`)){let t=e.get(`currentDate`),n=e.has(`value`)||e.has(`startDate`)||e.has(`endDate`);t&&!(0,s.isSameMonth)(t,this.currentDate)&&!n&&this.dispatchEvent(new CustomEvent(`month-change`,{bubbles:!0,composed:!0,detail:{date:(0,s.startOfMonth)(this.currentDate).toString()}}))}}focusCurrentDate(){let e=this.shadowRoot?.querySelector(`td span[tabindex="0"]`);e&&e.focus()}parseDateOnly(e){return(0,s.parseDate)(e.includes(`T`)?e.split(`T`)[0]:e)}convertToCalendarDates(){this._min=this.min?this.parseDateOnly(this.min):void 0,this._max=this.max?this.parseDateOnly(this.max):void 0,this._value=this.value?this.parseDateOnly(this.value):void 0,this._min=this._min&&(0,s.toCalendarDate)(this._min).set({era:`AD`}),this._max=this._max&&(0,s.toCalendarDate)(this._max).set({era:`AD`}),this._value=this._value&&(0,s.toCalendarDate)(this._value).set({era:`AD`})}convertRangeDates(){this._startDate=this.startDate?(0,s.toCalendarDate)(this.parseDateOnly(this.startDate)).set({era:`AD`}):void 0,this._endDate=this.endDate?(0,s.toCalendarDate)(this.parseDateOnly(this.endDate)).set({era:`AD`}):void 0}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn&&console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this._value&&this.isNonCompliantDate(this._value)&&(console.warn&&console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0)}updateCurrentDate(){if(this._value){this.currentDate=this._value;return}this.isNonCompliantDate(this.today)?this._min?this.currentDate=this._min:this._max&&(this.currentDate=this._max):this.currentDate=this.today}isNonCompliantDate(e){return!!(this._min&&e.compare(this._min)<0||this._max&&e.compare(this._max)>0)}render(){return n.html`
|
|
19
19
|
${this.renderCalendarHeader()}
|
|
20
20
|
${this.viewMode===`years`?this.renderYearGrid():this.renderCalendarGrid()}
|
|
21
21
|
`}get monthAndYear(){return this.formatDate(this.currentDate,{month:`long`,year:`numeric`})}renderCalendarHeader(){let e=this.viewMode===`years`?`${this.formatYear(this.yearGridStart)} – ${this.formatYear(this.yearGridStart+16-1)}`:this.monthAndYear,t=this.viewMode===`years`?this.disabled:this.isPreviousMonthDisabled,r=this.viewMode===`years`?this.disabled:this.isNextMonthDisabled,a=this.viewMode===`years`?this.handlePreviousYearPage:this.handlePreviousMonth,o=this.viewMode===`years`?this.handleNextYearPage:this.handleNextMonth;return n.html`
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../checkbox-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../checkbox-JCvBro0K.cjs");exports.LuzmoCheckbox=e.t;
|
|
@@ -65,7 +65,7 @@ var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luz
|
|
|
65
65
|
`;
|
|
66
66
|
}
|
|
67
67
|
updated(e) {
|
|
68
|
-
super.updated(e), e.has("disabled") && (this.inputElement.disabled = this.disabled), e.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), e.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid"));
|
|
68
|
+
super.updated(e), e.has("disabled") && (this.inputElement.disabled = this.disabled), e.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), e.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid")), e.has("tabIndex") && (this.tabIndex < 0 ? this.inputElement.tabIndex = -1 : this.inputElement.removeAttribute("tabindex"));
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
//#endregion
|
|
@@ -22,4 +22,4 @@ require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./
|
|
|
22
22
|
${this.indeterminate?c():r.html``}
|
|
23
23
|
</span>
|
|
24
24
|
<label id="label" for="input"><slot></slot></label>
|
|
25
|
-
`}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`indeterminate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`autofocus`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({reflect:!0,type:Number,attribute:`tabindex`})],l.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
|
25
|
+
`}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`)),e.has(`tabIndex`)&&(this.tabIndex<0?this.inputElement.tabIndex=-1:this.inputElement.removeAttribute(`tabindex`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`indeterminate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`autofocus`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({reflect:!0,type:Number,attribute:`tabindex`})],l.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../date-range-picker-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../date-range-picker-CLfEEYkE.cjs");exports.LuzmoDateRangePicker=e.t;
|
|
@@ -22,7 +22,7 @@ import { t as r } from "./focusable-DuP0-Kuy.js";
|
|
|
22
22
|
import "./icon-CsJZMhIm.js";
|
|
23
23
|
import "./popover-DC8tkee-.js";
|
|
24
24
|
import "./overlay-DpHIYJtd.js";
|
|
25
|
-
import "./calendar-
|
|
25
|
+
import "./calendar-BNGwCJsG.js";
|
|
26
26
|
import { t as i } from "./manage-help-text-ByLb0QYX.js";
|
|
27
27
|
import { t as a } from "./text-field.module-BHhBReKL.js";
|
|
28
28
|
import "./picker-button-CJQJshbo.js";
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./calendar-pQxEWdYC.cjs");const r=require("./manage-help-text-DtFJsl0k.cjs"),i=require("./text-field.module-l8CaTCwE.cjs");require("./picker-button-B8Jbf9jK.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("@internationalized/date"),p=require("@internationalized/number");var m=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function h(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function g(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var _=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(m),(0,o.unsafeCSS)(i.t)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=a.f.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=h(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new a.o([]),this.endSegments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,f.getLocalTimeZone)(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??(0,f.getLocalTimeZone)()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(0,f.startOfMonth)(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=(0,f.startOfMonth)(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?(0,f.parseDateTime)(e).set({era:`AD`}):(0,f.toCalendarDate)((0,f.parseDate)(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(a.s(this._startDate)),t=this.ariaDateFormatter.format(a.s(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return o.html`
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./calendar-CLGqcox8.cjs");const r=require("./manage-help-text-DtFJsl0k.cjs"),i=require("./text-field.module-l8CaTCwE.cjs");require("./picker-button-B8Jbf9jK.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("@internationalized/date"),p=require("@internationalized/number");var m=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function h(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function g(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var _=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(m),(0,o.unsafeCSS)(i.t)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=a.f.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=h(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new a.o([]),this.endSegments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,f.getLocalTimeZone)(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??(0,f.getLocalTimeZone)()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(0,f.startOfMonth)(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??(0,f.toCalendarDate)((0,f.today)(this._timeZone)),t=(0,f.startOfMonth)(e);this._endDate&&!(0,f.isSameMonth)(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=(0,f.startOfMonth)(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?(0,f.parseDateTime)(e).set({era:`AD`}):(0,f.toCalendarDate)((0,f.parseDate)(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(a.s(this._startDate)),t=this.ariaDateFormatter.format(a.s(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return o.html`
|
|
19
19
|
<div class="luzmo-DatePicker--range range-wrapper">
|
|
20
20
|
<div id="text-field">${this.renderStartInput()}</div>
|
|
21
21
|
<div class="luzmo-DatePicker-rangeDash"></div>
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../date-time-picker-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../date-time-picker-DXTksnPd.cjs");exports.LuzmoDateTimePicker=e.t;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./calendar-pQxEWdYC.cjs");const r=require("./manage-help-text-DtFJsl0k.cjs"),i=require("./text-field.module-l8CaTCwE.cjs");require("./picker-button-B8Jbf9jK.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("lit/directives/style-map.js"),p=require("@internationalized/date"),m=require("@internationalized/number");var h=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,g=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(h),(0,o.unsafeCSS)(i.t)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?(0,p.toZoned)(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[a.f.Hour,a.f.Minute,a.f.Second,a.f.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=a.f.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),this.cachedLocalTime=(0,p.now)(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),o=e.has(`language`),s=e.has(`dateFormat`),c=e.has(`dateSeparator`),l=e.has(`precision`),u=e.has(`segments`),d=e.has(`disabled`);if(o&&this.setNumberParser(),(o||l)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?(0,p.parseAbsolute)(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?(0,p.parseAbsolute)(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?(0,p.parseAbsolute)(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||o||l||s||n||c)&&this.setSegments(),u&&this.setValueFromSegments(),d&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let f=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(a.s(this._value));this.setAttribute(`aria-label`,f??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>a.d(e));if(t.length>0)return t[0];let n=e.filter(e=>a.u(e));return n.length>0?n[0]:e.find(e=>a.l(e))}convertDatePropsToMatch(e){if(a.d(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&(0,p.toZoned)(this._value,this._timeZone),this._min=this._min&&(0,p.toZoned)(this._min,this._timeZone),this._max=this._max&&(0,p.toZoned)(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),a.u(e)){this._value=this._value&&(0,p.toCalendarDateTime)(this._value),this._min=this._min&&(0,p.toCalendarDateTime)(this._min),this._max=this._max&&(0,p.toCalendarDateTime)(this._max);return}this._value=this._value&&(0,p.toCalendarDate)(this._value),this._min=this._min&&(0,p.toCalendarDate)(this._min),this._max=this._max&&(0,p.toCalendarDate)(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this.isNonCompliantValue()&&(console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0),!this._min&&!this._max&&!this._value&&(this._timeZone=(0,p.getLocalTimeZone)())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&a.l(e)&&this.convertDatePropsToMatch((0,p.toCalendarDateTime)(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=a.l(e)?a.f.Day:a.f.Minute)}render(){return o.html`
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./calendar-CLGqcox8.cjs");const r=require("./manage-help-text-DtFJsl0k.cjs"),i=require("./text-field.module-l8CaTCwE.cjs");require("./picker-button-B8Jbf9jK.cjs");const a=require("./segments-factory-DtPyN5sh.cjs");let o=require("lit"),s=require("lit/decorators.js"),c=require("@luzmo/icons"),l=require("lit/directives/when.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("lit/directives/style-map.js"),p=require("@internationalized/date"),m=require("@internationalized/number");var h=`:host{font-family:var(--luzmo-font-family);--date-time-picker-border-radius:var(--luzmo-date-time-picker-border-radius,var(--luzmo-border-radius));--date-time-picker-border-radius-quiet:var(--luzmo-date-time-picker-border-radius-quiet,0);--date-time-picker-border-width:var(--luzmo-border-width);--date-time-picker-button-border-color:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color,var(--luzmo-border-color)));--date-time-picker-button-border-color-focus:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-focus,var(--luzmo-primary)));--date-time-picker-button-border-color-invalid:var(--highcontrast-datepicker-pickerbutton-border-color,var(--luzmo-date-time-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color)));--date-time-picker-button-width:calc(var(--date-time-picker-edge-to-disclosure-icon) * 2 + var(--date-time-picker-icon-size));--date-time-picker-quiet-button-offset:var(--luzmo-date-time-picker-quiet-button-offset,var(--date-time-picker-text-to-visual));--date-time-picker-icon-to-text:var(--date-time-picker-edge-to-text);--date-time-picker-button-width-quiet:calc(var(--date-time-picker-button-width) - var(--date-time-picker-quiet-button-offset));--date-time-picker-focus-ring-gap:var(--luzmo-date-time-picker-focus-ring-gap,var(--luzmo-indicator-gap));--date-time-picker-focus-thickness:var(--luzmo-date-time-picker-focus-thickness,var(--luzmo-indicator-width));--date-time-picker-focus-animation:var(--luzmo-date-time-picker-focus-animation,var(--luzmo-animation-duration));--date-time-picker-focus-ring-width:var(--luzmo-date-time-picker-focus-ring-width,var(--luzmo-border-width));--date-time-picker-focus-ring-color:var(--highcontrast-datepicker-focus-ring-color,var(--luzmo-date-time-picker-focus-ring-color,var(--luzmo-indicator-color)));--date-time-picker-focus-line-gap:var(--luzmo-date-time-picker-focus-line-gap,var(--luzmo-spacing-2));--date-time-picker-invalid-quiet-color:var(--luzmo-date-time-picker-invalid-quiet-color,var(--luzmo-negative-color));--date-time-picker-quiet-border-color-hover:var(--luzmo-date-time-picker-quiet-border-color-hover,var(--luzmo-border-color-hover));--date-time-picker-border-color-disabled:var(--luzmo-date-time-picker-border-color-disabled,var(--luzmo-border-color-disabled));--date-time-picker-dash-font-size:var(--luzmo-date-time-picker-dash-font-size,var(--date-time-picker-dash-font-size));--date-time-picker-dash-color:var(--highcontrast-datepicker-dash-color,var(--luzmo-date-time-picker-dash-color,var(--luzmo-font-color)));--date-time-picker-range-dash-padding-top:var(--luzmo-date-time-picker-range-dash-padding-top,0);--date-time-picker-range-dash-margin-inline-start:var(--luzmo-date-time-picker-range-dash-margin-left,calc(var(--date-time-picker-dash-font-size) * -.5));--date-time-picker-range-input-width-first:var(--luzmo-date-time-picker-range-input-width-first,calc(var(--date-time-picker-initial-width) - var(--date-time-picker-generic-padding) * 2));--date-time-picker-input-width-base:calc(var(--date-time-picker-range-input-width-first) + var(--date-time-picker-icon-size));--date-time-picker-input-width:var(--luzmo-date-time-picker-input-width,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-initial-height)));--date-time-picker-range-input-width-quiet-first:var(--luzmo-date-time-picker-range-input-width-quiet-first,calc(var(--date-time-picker-width-quiet-first) + var(--date-time-picker-width-quiet-second)));--date-time-picker-input-width-quiet:var(--luzmo-date-time-picker-input-width-quiet,calc(var(--date-time-picker-range-input-width-quiet-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-input-width-first:var(--luzmo-date-time-picker-datetime-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-datetime-width-first)));--date-time-picker-datetime-input-width:var(--luzmo-date-time-picker-datetime-input-width,calc(var(--date-time-picker-datetime-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-datetime-quiet-input-width-first:var(--luzmo-date-time-picker-datetime-quiet-input-width-first,calc(var(--date-time-picker-input-width-base) + var(--date-time-picker-input-datetime-width)));--date-time-picker-datetime-quiet-input-width:var(--luzmo-date-time-picker-datetime-quiet-input-width,calc(var(--date-time-picker-datetime-quiet-input-width-first) + var(--date-time-picker-icon-size) + var(--date-time-picker-initial-height)));--date-time-picker-padding-inline-end:var(--luzmo-date-time-picker-padding-inline,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-border-width) * 2));--date-time-picker-padding-inline-end-quiet:var(--luzmo-date-time-picker-padding-inline-quiet,calc(var(--date-time-picker-button-width) + var(--date-time-picker-edge-to-text) - var(--date-time-picker-quiet-button-offset)));--date-time-picker-padding-inline-end-invalid-quiet:var(--luzmo-date-time-picker-padding-inline-end-invalid-quiet,calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-icon-size) + var(--date-time-picker-icon-to-text)));min-inline-size:var(--luzmo-date-time-picker-min-width,var(--date-time-picker-min-width));border-radius:var(--date-time-picker-border-radius);flex-flow:row;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-time-picker-dash-color:var(--luzmo-date-time-picker-dash-color-disabled,var(--disabled-content-color));--luzmo-text-field-border-color-disabled:transparent}:host([invalid]),:host([invalid]) #text-field .icon{--luzmo-text-field-icon-spacing-inline-end-invalid:calc(var(--date-time-picker-button-width) + var(--date-time-picker-invalid-icon-to-button));--luzmo-text-field-icon-spacing-inline-end-quiet-invalid:calc(var(--date-time-picker-button-width-quiet) + var(--date-time-picker-invalid-icon-to-button-quiet))}:host(:not([quiet])){inline-size:var(--luzmo-date-time-picker-width,var(--date-time-picker-width))}:host([quiet]){inline-size:var(--luzmo-date-time-picker-width-quiet,var(--date-time-picker-width-quiet,var(--date-time-picker-width)))}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-time-picker-button-border-color-invalid)}.input{inline-size:100%;border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color));flex:1;padding-inline-end:var(--date-time-picker-padding-inline-end)}:host .input:read-only{border-color:var(--luzmo-date-time-picker-border-color,var(--datepicker-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:var(--luzmo-date-time-picker-generic-padding,var(--date-time-picker-generic-padding))}luzmo-picker-button{cursor:pointer;position:absolute;inset-inline-end:0}.luzmo-DatePicker-rangeDash{color:var(--date-time-picker-dash-color);line-height:var(--luzmo-date-time-picker-dash-line-height,var(--date-time-picker-dash-line-height));flex:initial;z-index:1;inline-size:0;padding-block-start:var(--date-time-picker-range-dash-padding-top)}.luzmo-DatePicker-rangeDash:before{content:"–";margin-block:0;margin-inline:var(--date-time-picker-range-dash-margin-inline-start);text-align:center;vertical-align:middle;inline-size:var(--date-time-picker-dash-font-size);display:inline-block;overflow:hidden}:host([quiet]){--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet);--luzmo-date-time-picker-padding-inline:var(--date-time-picker-padding-inline-end-quiet);--luzmo-picker-button-border-color-disabled:var(--date-time-picker-border-color-disabled);--luzmo-picker-button-background-color-hover-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][disabled]){--luzmo-text-field-border-color-disabled:var(--date-time-picker-border-color-disabled)}:host([quiet][invalid]) .input:not(.luzmo-DatePicker-startField){padding-inline-end:var(--date-time-picker-padding-inline-end-invalid-quiet)}@media (hover:hover){:host(:hover):not([focused],[disabled],[invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-quiet-border-color-hover)}}:host([quiet][invalid]){--luzmo-picker-button-border-color:var(--date-time-picker-invalid-quiet-color)}:host([quiet]) luzmo-picker-button{inline-size:auto;inset-inline-end:calc(var(--date-time-picker-quiet-button-offset) * -1)}:host([quiet]) luzmo-picker-button:not(.is-open){--luzmo-picker-button-border-color-disabled:transparent}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}.luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius)}.luzmo-DatePicker--range:after{pointer-events:none;content:"";margin:calc(var(--date-time-picker-focus-ring-gap) * -1);border-radius:calc(var(--date-time-picker-border-radius) + var(--date-time-picker-focus-ring-gap));transition:box-shadow var(--date-time-picker-focus-animation) ease-in-out, border-color var(--date-time-picker-focus-animation) ease-in-out;border-color:#0000;position:absolute;inset:0}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet):after{box-shadow:0 0 0 var(--date-time-picker-focus-ring-width) var(--date-time-picker-focus-ring-color)}:host([focused]) .luzmo-DatePicker--range:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([quiet]) .luzmo-DatePicker--range{--luzmo-date-time-picker-border-radius:var(--date-time-picker-border-radius-quiet)}:host([quiet][focused]) .luzmo-DatePicker--range:after{box-shadow:none;border-block-end:var(--date-time-picker-focus-thickness) solid var(--date-time-picker-focus-ring-color);border-radius:0;margin:0;inset-block-end:calc(var(--date-time-picker-focus-line-gap) * -1)}:host([quiet]) .luzmo-DatePicker--range #text-field{min-inline-size:0;inline-size:var(--date-time-picker-input-width-quiet)}:host([quiet]) .luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-quiet-first)}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-input-width);min-inline-size:0}.luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-input-width-first)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field{inline-size:var(--date-time-picker-datetime-quiet-input-width)}:host([quiet]) .luzmo-DatePicker--range.luzmo-DatePicker--datetimeRange #text-field:first-of-type{inline-size:var(--date-time-picker-datetime-quiet-input-width-first)}.luzmo-DatePicker--range #text-field{flex:initial;min-inline-size:0;inline-size:var(--date-time-picker-input-width)}.luzmo-DatePicker--range #text-field:first-of-type{inline-size:var(--date-time-picker-range-input-width-first)}@media (forced-colors:active){:host{--highcontrast-datepicker-dash-color:CanvasText;--highcontrast-datepicker-focus-ring-color:Highlight;--highcontrast-datepicker-pickerbutton-border-color:Highlight}:host([disabled]){--highcontrast-datepicker-dash-color:GrayText}:host([quiet][invalid]){--highcontrast-datepicker-pickerbutton-border-color:Highlight}}:host{--date-time-picker-width:auto;--date-time-picker-initial-height:var(--system-date-picker-initial-height);--date-time-picker-font-color-default:var(--luzmo-font-color);--datepicker-border-color:var(--luzmo-border-color);--date-time-picker-button-indicator-color:var(--luzmo-indicator-color);--text-field-focus-indicator-color:var(--luzmo-background-color-highlight);--date-time-picker-initial-width:120px;--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-generic-padding:var(--luzmo-spacing-4)}:host([size=s]){--date-time-picker-min-width:140px;--date-time-picker-calendar-padding:var(--luzmo-spacing-3);--date-time-picker-icon-size:16px;--date-time-picker-dash-font-size:var(--luzmo-font-size-s);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-3);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-3)}:host([invalid][size=s]){--text-field-icon-spacing-block-invalid:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=m]){--date-time-picker-min-width:160px;--date-time-picker-calendar-padding:var(--luzmo-spacing-4);--date-time-picker-icon-size:18px;--date-time-picker-dash-font-size:var(--luzmo-font-size-m);--date-time-picker-text-to-visual:var(--luzmo-spacing-3);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-3);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-3);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--date-time-picker-min-width:180px;--date-time-picker-calendar-padding:var(--luzmo-spacing-5);--date-time-picker-icon-size:20px;--date-time-picker-dash-font-size:var(--luzmo-font-size-l);--date-time-picker-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-edge-to-text:var(--luzmo-spacing-4);--date-time-picker-invalid-icon-to-button:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--date-time-picker-icon-to-text:var(--luzmo-spacing-4)}:host([size=xl]){--date-time-picker-min-width:200px;--date-time-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-time-picker-icon-size:22px;--date-time-picker-dash-font-size:var(--luzmo-font-size-xl);--date-time-picker-text-to-visual:var(--luzmo-spacing-4);--date-time-picker-edge-to-disclosure-icon:var(--luzmo-spacing-4);--date-time-picker-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--date-time-picker-invalid-icon-to-button:var(--luzmo-spacing-4);--date-time-picker-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host{--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--text-to-icon:var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid));--date-time-picker-input-width:var(--date-time-picker-width);flex-wrap:wrap}:host #text-field{display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field .input,:host([quiet]) #text-field .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([valid]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%;padding-inline-end:calc(var(--status-icon-size) + var(--picker-button-size) + var(--input-spacing) - var(--input-border-width) + var(--text-to-icon))}@media (hover:hover){:host([invalid]) #text-field:hover .input,:host([focused][invalid]) .input:hover,:host([focused][invalid]) #text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-invalid-default,var(--luzmo-text-field-border-color-invalid-default,var(--luzmo-negative-color-hover)))}}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-time-picker-calendar-padding,var(--date-time-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-time-picker-font-color-default,var(--date-time-picker-font-color-default));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--white);background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}`,g=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){static get styles(){return[(0,o.unsafeCSS)(h),(0,o.unsafeCSS)(i.t)]}get precision(){return this._precision}set precision(e){this.isUserSetPrecision=!0;let t=this._precision;e!==t&&(this._precision=e,this.requestUpdate(`precision`,t))}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}get currentDate(){return this._value?(0,p.toZoned)(this._value,this._timeZone):this.cachedLocalTime}get includesTime(){return[a.f.Hour,a.f.Minute,a.f.Second,a.f.Millisecond].includes(this.precision)}clear(){this._value=void 0,this.setSegments()}constructor(){super(),this._precision=a.f.Minute,this.isUserSetPrecision=!1,this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`},this.focused=!1,this.segments=new a.o([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),this.cachedLocalTime=(0,p.now)(this._timeZone),this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,()=>this.previousCommitedValue=this._value),this.addEventListener(`focusout`,()=>this.commitValue())}willUpdate(e){let t=e.has(`value`),n=e.has(`timeZone`),r=e.has(`min`),i=e.has(`max`),o=e.has(`language`),s=e.has(`dateFormat`),c=e.has(`dateSeparator`),l=e.has(`precision`),u=e.has(`segments`),d=e.has(`disabled`);if(o&&this.setNumberParser(),(o||l)&&(this.setDateFormatter(),this.setAriaDateFormatter()),t||r||i||n){this._value=this.value?(0,p.parseAbsolute)(new Date(this.value).toISOString(),`UTC`):void 0,this._min=this.min?(0,p.parseAbsolute)(new Date(this.min).toISOString(),`UTC`):void 0,this._max=this.max?(0,p.parseAbsolute)(new Date(this.max).toISOString(),`UTC`):void 0;let e=this.mostSpecificDateValue;e&&(this.convertDatePropsToMatch(e),this.checkDatePropsCompliance(r||i),this.updateDateProps(),this.updateDefaultPrecision())}(t||o||l||s||n||c)&&this.setSegments(),u&&this.setValueFromSegments(),d&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let f=this._value&&this.labels.selected+`: `+this.ariaDateFormatter.format(a.s(this._value));this.setAttribute(`aria-label`,f??this.labels.empty)}get mostSpecificDateValue(){let e=[this._value,this._min,this._max].filter(e=>e!==void 0);if(e.length===0)return;let t=e.filter(e=>a.d(e));if(t.length>0)return t[0];let n=e.filter(e=>a.u(e));return n.length>0?n[0]:e.find(e=>a.l(e))}convertDatePropsToMatch(e){if(a.d(e)){this._timeZone=this.timeZone??e.timeZone,this._value=this._value&&(0,p.toZoned)(this._value,this._timeZone),this._min=this._min&&(0,p.toZoned)(this._min,this._timeZone),this._max=this._max&&(0,p.toZoned)(this._max,this._timeZone);return}if(this._timeZone=this.timeZone??(0,p.getLocalTimeZone)(),a.u(e)){this._value=this._value&&(0,p.toCalendarDateTime)(this._value),this._min=this._min&&(0,p.toCalendarDateTime)(this._min),this._max=this._max&&(0,p.toCalendarDateTime)(this._max);return}this._value=this._value&&(0,p.toCalendarDate)(this._value),this._min=this._min&&(0,p.toCalendarDate)(this._min),this._max=this._max&&(0,p.toCalendarDate)(this._max)}checkDatePropsCompliance(e){e&&this._min&&this._max&&(this._min.compare(this._max)<0||(console.warn(this,`<${this.localName}> expects the 'min' to be less than 'max'. Please ensure that 'min' property's date is earlier than 'max' property's date.`),this._min=void 0,this._max=void 0)),this.isNonCompliantValue()&&(console.warn(this,`<${this.localName}> expects the preselected value to comply with the min and max constraints. Please ensure that 'value' property's date is in between the dates for the 'min' and 'max' properties.`),this._value=void 0),!this._min&&!this._max&&!this._value&&(this._timeZone=(0,p.getLocalTimeZone)())}isNonCompliantValue(){return this._value!==void 0&&!!(this._min&&this._value.compare(this._min)<0||this._max&&this._value.compare(this._max)>0)}updateDateProps(){let e=this.mostSpecificDateValue;!e||!this.isUserSetPrecision||this.includesTime&&a.l(e)&&this.convertDatePropsToMatch((0,p.toCalendarDateTime)(e))}updateDefaultPrecision(){if(this.isUserSetPrecision)return;let e=this.mostSpecificDateValue;e&&(this._precision=a.l(e)?a.f.Day:a.f.Minute)}render(){return o.html`
|
|
19
19
|
<div id="text-field">
|
|
20
20
|
${this.renderStateIcons()} ${this.renderInputContent()}
|
|
21
21
|
</div>
|
|
@@ -22,7 +22,7 @@ import { t as r } from "./focusable-DuP0-Kuy.js";
|
|
|
22
22
|
import "./icon-CsJZMhIm.js";
|
|
23
23
|
import "./popover-DC8tkee-.js";
|
|
24
24
|
import "./overlay-DpHIYJtd.js";
|
|
25
|
-
import "./calendar-
|
|
25
|
+
import "./calendar-BNGwCJsG.js";
|
|
26
26
|
import { t as i } from "./manage-help-text-ByLb0QYX.js";
|
|
27
27
|
import { t as a } from "./text-field.module-BHhBReKL.js";
|
|
28
28
|
import "./picker-button-CJQJshbo.js";
|
package/components/index.cjs
CHANGED
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),ie=require("./field-label-C0vfY1b6.cjs"),i=require("./popover-BsdqkvKI.cjs"),a=require("./action-bar-DAqG_7VG.cjs"),o=require("./action-button-B4_uvHiN.cjs"),s=require("./slottable-request-event-C6eb7Ch3.cjs"),c=require("./progress-circle-bO_VAX3N.cjs"),l=require("./menu-CrhA2iPZ.cjs"),u=require("./overlay-Dn7EbA_W.cjs"),d=require("./platform-BAjeJp2W.cjs"),ae=require("./tooltip-DjOW52n2.cjs"),f=require("./picker-C1tD-4ac.cjs"),oe=require("./action-menu-C_vyFNJt.cjs"),se=require("./avatar-DHS5UGTJ.cjs"),ce=require("./badge-CNeUkS4b.cjs"),p=require("./button-B1V_2tHk.cjs"),m=require("./button-group-Du7R4SxZ.cjs"),h=require("./calendar-CLGqcox8.cjs"),g=require("./chat-message-BDfomRm-.cjs"),_=require("./chat-message-group-CvxdX3jt.cjs"),v=require("./checkbox-JCvBro0K.cjs"),y=require("./color-loupe-6NcLbFco.cjs"),b=require("./color-handle-2iFLp9FN.cjs"),x=require("./streaming-listener-Bfyk6Fsx.cjs"),S=require("./color-area-CmKlQG1i.cjs"),C=require("./text-field-3fDtTQkR.cjs"),w=require("./color-field-BH9x46k_.cjs"),T=require("./color-slider-CMW8gJ0Z.cjs"),E=require("./divider-BcE8D-pH.cjs"),D=require("./swatch-CQ0inIHK.cjs"),O=require("./color-menu-BYTgxLQG.cjs"),k=require("./color-palette-x6W09EBL.cjs"),A=require("./color-palette-group-D4k_7pW6.cjs"),j=require("./color-picker-BAikpqUT.cjs"),M=require("./picker-button-B8Jbf9jK.cjs"),N=require("./date-range-picker-CLfEEYkE.cjs"),P=require("./date-time-picker-DXTksnPd.cjs"),F=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs");const I=require("./infield-button-kilVRjwB.cjs"),L=require("./label-B3zs6OX0.cjs"),le=require("./text-field-CbN4nydd.cjs"),R=require("./multi-language-field-BndVikur.cjs"),z=require("./notice-CQFyo6OE.cjs"),B=require("./number-field-xxXgR70l.cjs"),V=require("./options-CP9V2CSJ.cjs");require("./picker/index.cjs");const H=require("./progress-bar-CrodWzcc.cjs"),U=require("./progress-steps-Dqh53oC1.cjs"),W=require("./skeleton-loader-CNcwCh4V.cjs"),G=require("./prompt-box-DyODaKXV.cjs"),ue=require("./voice-recorder-B1tBrGTV.cjs"),K=require("./radio-CRTfoEX_.cjs"),q=require("./question-box-cBeVshAq.cjs"),de=require("./search-DJ6KwOam.cjs"),fe=require("./select-CKMCEJf7.cjs"),J=require("./slider-C_8pSK4N.cjs"),pe=require("./split-view-BwCFYey6.cjs"),me=require("./status-light-COApWq-B.cjs"),he=require("./switch-qwpYXVnO.cjs"),Y=require("./template-property-yhcAmPXk.cjs"),X=require("./table-Bcq2K21l.cjs"),Z=require("./tabs-CMU8X4ho.cjs"),Q=require("./top-nav-81IKEGjR.cjs"),$=require("./tags-D8F1o4UZ.cjs"),ge=require("./toast-DRrGgznK.cjs");require("./utils.cjs"),exports.ClickController=u.d,exports.DEFAULT_FILE_ICONS=G.n,exports.DEFAULT_NOTICE_LABELS=z.t,exports.DEFAULT_PROGRESS_STEPS_LABELS=U.n,exports.DEFAULT_QUESTION_BOX_LABELS=q.a,exports.DEFAULT_SLIDER_LABELS=J.r,exports.DEFAULT_TABLE_LABELS=X.u,exports.DESCRIPTION_ID=f.t,exports.ELEMENT_MIME_TYPE=G.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=u.u,exports.InteractionController=u.f,exports.InteractionTypes=u.p,exports.LONGPRESS_INSTRUCTIONS=u.c,exports.LongpressController=u.l,exports.LuzmoAbstractOverlay=u.y,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=a.t,exports.LuzmoActionButton=o.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=oe.t,exports.LuzmoAvatar=se.t,exports.LuzmoBadge=ce.t,exports.LuzmoButton=p.n,exports.LuzmoButtonGroup=m.t,exports.LuzmoCalendar=h.t,exports.LuzmoChatMessage=g.t,exports.LuzmoChatMessageGroup=_.t,exports.LuzmoCheckbox=v.t,exports.LuzmoClearButton=p.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=S.t,exports.LuzmoColorField=w.t,exports.LuzmoColorHandle=b.t,exports.LuzmoColorLoupe=y.t,exports.LuzmoColorMenu=O.t,exports.LuzmoColorPalette=k.t,exports.LuzmoColorPaletteGroup=A.t,exports.LuzmoColorPicker=j.t,exports.LuzmoColorSlider=T.t,exports.LuzmoDateRangePicker=N.t,exports.LuzmoDateTimePicker=P.t,exports.LuzmoDivider=E.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=F.t,exports.LuzmoFieldLabel=ie.t,exports.LuzmoHelpText=le.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=I.t,exports.LuzmoLabel=L.t,exports.LuzmoMenu=l.a,exports.LuzmoMenuDivider=l.i,exports.LuzmoMenuGroup=l.r,exports.LuzmoMenuItem=l.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=R.t,exports.LuzmoNotice=z.n,exports.LuzmoNumberField=B.t,exports.LuzmoOption=V.a,exports.LuzmoOptions=V.t,exports.LuzmoOptionsDivider=V.i,exports.LuzmoOverlay=u.s,exports.LuzmoOverlayTrigger=u.o,exports.LuzmoPicker=f.n,exports.LuzmoPickerBase=f.r,exports.LuzmoPickerButton=M.t,exports.LuzmoPopover=i.t,exports.LuzmoProgressBar=H.t,exports.LuzmoProgressCircle=c.t,exports.LuzmoProgressSteps=U.t,exports.LuzmoPromptBox=G.t,exports.LuzmoQuestionBox=q.t,exports.LuzmoRadio=K.n,exports.LuzmoRadioGroup=K.t,exports.LuzmoSearch=de.t,exports.LuzmoSelect=fe.t,exports.LuzmoSkeletonLoader=W.t,exports.LuzmoSlider=J.n,exports.LuzmoSliderHandle=J.t,exports.LuzmoSplitView=pe.t,exports.LuzmoStatusLight=me.t,exports.LuzmoSwatch=D.n,exports.LuzmoSwatchGroup=D.t,exports.LuzmoSwitch=he.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTable=X.c,exports.LuzmoTableBody=X.s,exports.LuzmoTableCell=X.o,exports.LuzmoTableCheckboxCell=X.a,exports.LuzmoTableDisclosureCell=X.n,exports.LuzmoTableHead=X.i,exports.LuzmoTableHeadCell=X.r,exports.LuzmoTableRow=X.t,exports.LuzmoTableRowDetails=X.l,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=C.t,exports.LuzmoToast=ge.t,exports.LuzmoTooltip=ae.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=l.n,exports.OverlayTriggerDirective=u.t,exports.PlacementController=u.g,exports.QUESTION_BOX_OTHER_VALUE=q.o,exports.SAFARI_FOCUS_RING_CLASS=u.m,exports.SizedMixin=t.n,exports.SlottableRequestDirective=u.r,exports.SlottableRequestEvent=s.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=V.n,exports.VirtualTrigger=u.v,exports.VoiceRecorder=ue.t,exports.createTemplateRenderer=Y.t,exports.guaranteedAllTransitionend=u.b,exports.isAndroid=d.t,exports.isAppleDevice=d.n,exports.isChrome=d.r,exports.isFirefox=d.i,exports.isIOS=d.a,exports.isIPad=d.o,exports.isIPhone=d.s,exports.isMac=d.c,exports.isSeamonkey=d.l,exports.isWebKit=d.u,exports.lastInteractionType=u.h,exports.nextFrame=u.x,exports.noop=u.S,exports.noticeVariants=z.r,exports.openOverlay=u.a,exports.overlayTimer=u.C,exports.placementUpdatedSymbol=u._,exports.questionBoxOtherKey=q.s,exports.questionsToRequestedSchema=q.n,exports.removeSlottableRequest=s.n,exports.requestedSchemaToQuestions=q.r,exports.slottableRequest=u.i,exports.streamingListener=x.t,exports.templateProperty=Y.n,exports.toElicitationContent=q.i,exports.trigger=u.n;
|
package/components/index.js
CHANGED
|
@@ -27,23 +27,23 @@ import { t as u } from "./close-button-Dlvtf9lB.js";
|
|
|
27
27
|
import { t as d } from "./field-label-C28wWqC5.js";
|
|
28
28
|
import { t as f } from "./popover-DC8tkee-.js";
|
|
29
29
|
import { t as p } from "./action-bar-BZBIeGo7.js";
|
|
30
|
-
import { t as m } from "./action-button-
|
|
30
|
+
import { t as m } from "./action-button-DU95RNNi.js";
|
|
31
31
|
import { n as h, t as g } from "./slottable-request-event-MRSZbgTu.js";
|
|
32
32
|
import { t as _ } from "./progress-circle-By6qUQYe.js";
|
|
33
33
|
import { a as v, i as y, n as b, r as x, t as S } from "./menu-fdJseu1y.js";
|
|
34
34
|
import { C, S as w, _ as T, a as E, b as D, c as O, d as k, f as A, g as j, h as M, i as N, l as P, m as F, n as I, o as L, p as R, r as z, s as B, t as V, u as H, v as U, x as W, y as G } from "./overlay-DpHIYJtd.js";
|
|
35
35
|
import { a as K, c as q, i as J, l as Y, n as X, o as Z, r as Q, s as $, t as ee, u as te } from "./platform-Ce9pNsR9.js";
|
|
36
36
|
import { t as ne } from "./tooltip-xTa9Q5JW.js";
|
|
37
|
-
import { n as re, r as ie, t as ae } from "./picker-
|
|
38
|
-
import { t as oe } from "./action-menu-
|
|
37
|
+
import { n as re, r as ie, t as ae } from "./picker-Czkf6auL.js";
|
|
38
|
+
import { t as oe } from "./action-menu-B6nNYwlL.js";
|
|
39
39
|
import { t as se } from "./avatar-CwSyYAKV.js";
|
|
40
|
-
import { t as ce } from "./badge-
|
|
41
|
-
import { n as le, t as ue } from "./button-
|
|
40
|
+
import { t as ce } from "./badge-Bp-1d70q.js";
|
|
41
|
+
import { n as le, t as ue } from "./button-QXavBh1X.js";
|
|
42
42
|
import { t as de } from "./button-group-Duf-Igst.js";
|
|
43
|
-
import { t as fe } from "./calendar-
|
|
43
|
+
import { t as fe } from "./calendar-BNGwCJsG.js";
|
|
44
44
|
import { t as pe } from "./chat-message-D6U-sprD.js";
|
|
45
45
|
import { t as me } from "./chat-message-group-k9lo-ZqD.js";
|
|
46
|
-
import { t as he } from "./checkbox-
|
|
46
|
+
import { t as he } from "./checkbox-CydI9yXG.js";
|
|
47
47
|
import { t as ge } from "./color-loupe-CqHyyvjQ.js";
|
|
48
48
|
import { t as _e } from "./color-handle-BEDQ1RcS.js";
|
|
49
49
|
import { t as ve } from "./streaming-listener-CtcMpYfS.js";
|
|
@@ -58,34 +58,36 @@ import { t as De } from "./color-palette-CqiO5ohz.js";
|
|
|
58
58
|
import { t as Oe } from "./color-palette-group-zByrO_qb.js";
|
|
59
59
|
import { t as ke } from "./color-picker-CSuAPo5X.js";
|
|
60
60
|
import { t as Ae } from "./picker-button-CJQJshbo.js";
|
|
61
|
-
import { t as je } from "./date-range-picker-
|
|
62
|
-
import { t as Me } from "./date-time-picker-
|
|
61
|
+
import { t as je } from "./date-range-picker-5SDPe2fQ.js";
|
|
62
|
+
import { t as Me } from "./date-time-picker-s3xujamC.js";
|
|
63
63
|
import { t as Ne } from "./field-group-C_kRq7pJ.js";
|
|
64
64
|
import "./field-group/index.js";
|
|
65
65
|
import { t as Pe } from "./infield-button-DiE8R6ol.js";
|
|
66
66
|
import { t as Fe } from "./label-e6Y13vrS.js";
|
|
67
67
|
import { t as Ie } from "./text-field-CmyqQxq0.js";
|
|
68
68
|
import { t as Le } from "./multi-language-field-vJMK-osi.js";
|
|
69
|
-
import { n as Re, r as ze, t as Be } from "./notice-
|
|
69
|
+
import { n as Re, r as ze, t as Be } from "./notice-CQI5kFRd.js";
|
|
70
70
|
import { t as Ve } from "./number-field-DAOy_AvQ.js";
|
|
71
71
|
import { a as He, i as Ue, n as We, t as Ge } from "./options-D_ifU0DH.js";
|
|
72
72
|
import "./picker/index.js";
|
|
73
73
|
import { t as Ke } from "./progress-bar-D4iFHkp7.js";
|
|
74
|
-
import { n as qe, t as Je } from "./progress-steps-
|
|
74
|
+
import { n as qe, t as Je } from "./progress-steps-CXJEaaUg.js";
|
|
75
75
|
import { t as Ye } from "./skeleton-loader-BeCsYADg.js";
|
|
76
|
-
import { n as Xe, r as Ze, t as Qe } from "./prompt-box-
|
|
76
|
+
import { n as Xe, r as Ze, t as Qe } from "./prompt-box-CA8bsoZP.js";
|
|
77
77
|
import { t as $e } from "./voice-recorder-CTg3kRxx.js";
|
|
78
78
|
import { n as et, t as tt } from "./radio-B6hX9Klr.js";
|
|
79
|
-
import { a as nt, i as rt, n as it, o as at, r as ot, s as st, t as ct } from "./question-box-
|
|
80
|
-
import { t as lt } from "./search-
|
|
81
|
-
import { t as ut } from "./select-
|
|
79
|
+
import { a as nt, i as rt, n as it, o as at, r as ot, s as st, t as ct } from "./question-box-DSwTpxAW.js";
|
|
80
|
+
import { t as lt } from "./search-CFTOvmWA.js";
|
|
81
|
+
import { t as ut } from "./select-B86uAHme.js";
|
|
82
82
|
import { n as dt, r as ft, t as pt } from "./slider-Bsl8Xrme.js";
|
|
83
83
|
import { t as mt } from "./split-view-CDwHDmII.js";
|
|
84
|
-
import { t as ht } from "./status-light-
|
|
84
|
+
import { t as ht } from "./status-light-B1T3aGJs.js";
|
|
85
85
|
import { t as gt } from "./switch-CpG-hSWY.js";
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import { n as
|
|
89
|
-
import { t as
|
|
86
|
+
import { n as _t, t as vt } from "./template-property-DNDi7lQv.js";
|
|
87
|
+
import { a as yt, c as bt, i as xt, l as St, n as Ct, o as wt, r as Tt, s as Et, t as Dt, u as Ot } from "./table-BckZkgeh.js";
|
|
88
|
+
import { i as kt, n as At, r as jt, t as Mt } from "./tabs-D8U2PxcE.js";
|
|
89
|
+
import { n as Nt, t as Pt } from "./top-nav-CXjnpdFR.js";
|
|
90
|
+
import { n as Ft, t as It } from "./tags-ZzY_q4TH.js";
|
|
91
|
+
import { t as Lt } from "./toast-KwHx-agn.js";
|
|
90
92
|
import "./utils.js";
|
|
91
|
-
export { k as ClickController, Xe as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, qe as DEFAULT_PROGRESS_STEPS_LABELS, nt as DEFAULT_QUESTION_BOX_LABELS, ft as DEFAULT_SLIDER_LABELS, ae as DESCRIPTION_ID, Ze as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, H as HoverController, A as InteractionController, R as InteractionTypes, O as LONGPRESS_INSTRUCTIONS, P as LongpressController, G as LuzmoAbstractOverlay, i as LuzmoAccordion, a as LuzmoAccordionItem, p as LuzmoActionBar, m as LuzmoActionButton, c as LuzmoActionGroup, oe as LuzmoActionMenu, se as LuzmoAvatar, ce as LuzmoBadge, le as LuzmoButton, de as LuzmoButtonGroup, fe as LuzmoCalendar, pe as LuzmoChatMessage, me as LuzmoChatMessageGroup, he as LuzmoCheckbox, ue as LuzmoClearButton, u as LuzmoCloseButton, ye as LuzmoColorArea, xe as LuzmoColorField, _e as LuzmoColorHandle, ge as LuzmoColorLoupe, Ee as LuzmoColorMenu, De as LuzmoColorPalette, Oe as LuzmoColorPaletteGroup, ke as LuzmoColorPicker, Se as LuzmoColorSlider, je as LuzmoDateRangePicker, Me as LuzmoDateTimePicker, Ce as LuzmoDivider, e as LuzmoElement, Ne as LuzmoFieldGroup, d as LuzmoFieldLabel, Ie as LuzmoHelpText, l as LuzmoIcon, Pe as LuzmoInfieldButton, Fe as LuzmoLabel, v as LuzmoMenu, y as LuzmoMenuDivider, x as LuzmoMenuGroup, S as LuzmoMenuItem, t as LuzmoMixin, Le as LuzmoMultiLangField, Re as LuzmoNotice, Ve as LuzmoNumberField, He as LuzmoOption, Ge as LuzmoOptions, Ue as LuzmoOptionsDivider, B as LuzmoOverlay, L as LuzmoOverlayTrigger, re as LuzmoPicker, ie as LuzmoPickerBase, Ae as LuzmoPickerButton, f as LuzmoPopover, Ke as LuzmoProgressBar, _ as LuzmoProgressCircle, Je as LuzmoProgressSteps, Qe as LuzmoPromptBox, ct as LuzmoQuestionBox, et as LuzmoRadio, tt as LuzmoRadioGroup, lt as LuzmoSearch, ut as LuzmoSelect, Ye as LuzmoSkeletonLoader, dt as LuzmoSlider, pt as LuzmoSliderHandle, mt as LuzmoSplitView, ht as LuzmoStatusLight, we as LuzmoSwatch, Te as LuzmoSwatchGroup, gt as LuzmoSwitch,
|
|
93
|
+
export { k as ClickController, Xe as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, qe as DEFAULT_PROGRESS_STEPS_LABELS, nt as DEFAULT_QUESTION_BOX_LABELS, ft as DEFAULT_SLIDER_LABELS, Ot as DEFAULT_TABLE_LABELS, ae as DESCRIPTION_ID, Ze as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, H as HoverController, A as InteractionController, R as InteractionTypes, O as LONGPRESS_INSTRUCTIONS, P as LongpressController, G as LuzmoAbstractOverlay, i as LuzmoAccordion, a as LuzmoAccordionItem, p as LuzmoActionBar, m as LuzmoActionButton, c as LuzmoActionGroup, oe as LuzmoActionMenu, se as LuzmoAvatar, ce as LuzmoBadge, le as LuzmoButton, de as LuzmoButtonGroup, fe as LuzmoCalendar, pe as LuzmoChatMessage, me as LuzmoChatMessageGroup, he as LuzmoCheckbox, ue as LuzmoClearButton, u as LuzmoCloseButton, ye as LuzmoColorArea, xe as LuzmoColorField, _e as LuzmoColorHandle, ge as LuzmoColorLoupe, Ee as LuzmoColorMenu, De as LuzmoColorPalette, Oe as LuzmoColorPaletteGroup, ke as LuzmoColorPicker, Se as LuzmoColorSlider, je as LuzmoDateRangePicker, Me as LuzmoDateTimePicker, Ce as LuzmoDivider, e as LuzmoElement, Ne as LuzmoFieldGroup, d as LuzmoFieldLabel, Ie as LuzmoHelpText, l as LuzmoIcon, Pe as LuzmoInfieldButton, Fe as LuzmoLabel, v as LuzmoMenu, y as LuzmoMenuDivider, x as LuzmoMenuGroup, S as LuzmoMenuItem, t as LuzmoMixin, Le as LuzmoMultiLangField, Re as LuzmoNotice, Ve as LuzmoNumberField, He as LuzmoOption, Ge as LuzmoOptions, Ue as LuzmoOptionsDivider, B as LuzmoOverlay, L as LuzmoOverlayTrigger, re as LuzmoPicker, ie as LuzmoPickerBase, Ae as LuzmoPickerButton, f as LuzmoPopover, Ke as LuzmoProgressBar, _ as LuzmoProgressCircle, Je as LuzmoProgressSteps, Qe as LuzmoPromptBox, ct as LuzmoQuestionBox, et as LuzmoRadio, tt as LuzmoRadioGroup, lt as LuzmoSearch, ut as LuzmoSelect, Ye as LuzmoSkeletonLoader, dt as LuzmoSlider, pt as LuzmoSliderHandle, mt as LuzmoSplitView, ht as LuzmoStatusLight, we as LuzmoSwatch, Te as LuzmoSwatchGroup, gt as LuzmoSwitch, kt as LuzmoTab, jt as LuzmoTabPanel, bt as LuzmoTable, Et as LuzmoTableBody, wt as LuzmoTableCell, yt as LuzmoTableCheckboxCell, Ct as LuzmoTableDisclosureCell, xt as LuzmoTableHead, Tt as LuzmoTableHeadCell, Dt as LuzmoTableRow, St as LuzmoTableRowDetails, At as LuzmoTabs, Mt as LuzmoTabsOverflow, Ft as LuzmoTag, It as LuzmoTags, be as LuzmoTextField, Lt as LuzmoToast, ne as LuzmoTooltip, Nt as LuzmoTopNav, Pt as LuzmoTopNavItem, b as MenuItemAddedOrUpdatedEvent, V as OverlayTriggerDirective, j as PlacementController, at as QUESTION_BOX_OTHER_VALUE, F as SAFARI_FOCUS_RING_CLASS, n as SizedMixin, z as SlottableRequestDirective, g as SlottableRequestEvent, We as VIRTUALIZE_AS_OF_NUM_ITEMS, U as VirtualTrigger, $e as VoiceRecorder, vt as createTemplateRenderer, D as guaranteedAllTransitionend, ee as isAndroid, X as isAppleDevice, Q as isChrome, J as isFirefox, K as isIOS, Z as isIPad, $ as isIPhone, q as isMac, Y as isSeamonkey, te as isWebKit, M as lastInteractionType, W as nextFrame, w as noop, ze as noticeVariants, E as openOverlay, C as overlayTimer, T as placementUpdatedSymbol, st as questionBoxOtherKey, it as questionsToRequestedSchema, h as removeSlottableRequest, ot as requestedSchemaToQuestions, N as slottableRequest, ve as streamingListener, _t as templateProperty, rt as toElicitationContent, I as trigger };
|