@tylertech/forge 2.18.1 → 2.19.0
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/custom-elements.json +1522 -310
- package/dist/esm/accordion/index.js +1 -1
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/app-bar/menu-button/index.js +1 -1
- package/dist/esm/app-bar/notification-button/index.js +1 -1
- package/dist/esm/app-bar/profile-button/index.js +1 -1
- package/dist/esm/app-bar/search/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/bottom-sheet/index.js +1 -1
- package/dist/esm/button-area/index.js +7 -0
- package/dist/esm/button-area/index.js.map +7 -0
- package/dist/esm/button-toggle/index.js +1 -1
- package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
- package/dist/esm/calendar/calendar-menu/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/chip-field/index.js +1 -1
- package/dist/esm/chips/chip/index.js +1 -1
- package/dist/esm/chips/chip-set/index.js +1 -1
- package/dist/esm/chips/index.js +1 -1
- package/dist/esm/chunks/{chunk.KCC3C3WH.js → chunk.2EAQ36QO.js} +2 -2
- package/dist/esm/chunks/{chunk.3DYMGITQ.js → chunk.3NHRJPT4.js} +2 -2
- package/dist/esm/chunks/chunk.4DKCMH6P.js +7 -0
- package/dist/esm/chunks/chunk.4DKCMH6P.js.map +7 -0
- package/dist/esm/chunks/{chunk.ETJMASRZ.js → chunk.AD4NVLFA.js} +2 -2
- package/dist/esm/chunks/{chunk.Z4HBPQ42.js → chunk.BJRQ67AD.js} +2 -2
- package/dist/esm/chunks/chunk.DBKVUCUQ.js +7 -0
- package/dist/esm/chunks/chunk.DBKVUCUQ.js.map +7 -0
- package/dist/esm/chunks/{chunk.NOXJK2U7.js → chunk.GSFM6MH4.js} +2 -2
- package/dist/esm/chunks/{chunk.7LX3X2DU.js → chunk.JMRXBELV.js} +2 -2
- package/dist/esm/chunks/{chunk.F7ZYEFH5.js → chunk.K55FBLTW.js} +2 -2
- package/dist/esm/chunks/chunk.P4VJUJQN.js +7 -0
- package/dist/esm/chunks/{chunk.K4SWLH26.js.map → chunk.P4VJUJQN.js.map} +3 -3
- package/dist/esm/chunks/{chunk.2NA4LVTZ.js → chunk.P67RC5S3.js} +2 -2
- package/dist/esm/chunks/chunk.PBWUHK7Q.js +7 -0
- package/dist/esm/chunks/chunk.PBWUHK7Q.js.map +7 -0
- package/dist/esm/chunks/{chunk.55HRCXPA.js → chunk.PILDKQOE.js} +2 -2
- package/dist/esm/chunks/chunk.RH4E52PS.js +7 -0
- package/dist/esm/chunks/chunk.RH4E52PS.js.map +7 -0
- package/dist/esm/chunks/{chunk.GBUXAJPY.js → chunk.ROWBKHIO.js} +2 -2
- package/dist/esm/chunks/{chunk.J2FXLTZT.js → chunk.SNVWMZNK.js} +2 -2
- package/dist/esm/chunks/{chunk.J2FXLTZT.js.map → chunk.SNVWMZNK.js.map} +1 -1
- package/dist/esm/chunks/{chunk.AMES2WWC.js → chunk.XAPKK4ZJ.js} +2 -2
- package/dist/esm/chunks/chunk.YG2UMTJN.js +12 -0
- package/dist/esm/chunks/chunk.YG2UMTJN.js.map +7 -0
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/expansion-panel/index.js +1 -1
- package/dist/esm/file-picker/index.js +1 -1
- package/dist/esm/floating-label/index.js +1 -1
- package/dist/esm/icon/index.js +1 -1
- package/dist/esm/icon-button/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/list-dropdown/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/open-icon/index.js +1 -1
- package/dist/esm/paginator/index.js +1 -1
- package/dist/esm/profile-card/index.js +1 -1
- package/dist/esm/quantity-field/index.js +1 -1
- package/dist/esm/select/core/index.js +1 -1
- package/dist/esm/select/index.js +1 -1
- package/dist/esm/select/select/index.js +1 -1
- package/dist/esm/select/select-dropdown/index.js +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/esm/stepper/index.js +1 -1
- package/dist/esm/stepper/step/index.js +1 -1
- package/dist/esm/stepper/stepper/index.js +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/dist/esm/tabs/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/text-field/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/esm/button-area/button-area-adapter.d.ts +45 -0
- package/esm/button-area/button-area-adapter.js +106 -0
- package/esm/button-area/button-area-constants.d.ts +24 -0
- package/esm/button-area/button-area-constants.js +30 -0
- package/esm/button-area/button-area-foundation.d.ts +29 -0
- package/esm/button-area/button-area-foundation.js +93 -0
- package/esm/button-area/button-area.d.ts +24 -0
- package/esm/button-area/button-area.js +50 -0
- package/esm/button-area/index.d.ts +10 -0
- package/esm/button-area/index.js +14 -0
- package/esm/expansion-panel/expansion-panel-adapter.d.ts +1 -0
- package/esm/expansion-panel/expansion-panel-adapter.js +7 -2
- package/esm/field/field-foundation.d.ts +1 -0
- package/esm/field/field-foundation.js +17 -7
- package/esm/floating-label/floating-label-foundation.d.ts +4 -1
- package/esm/floating-label/floating-label-foundation.js +9 -6
- package/esm/floating-label/floating-label.d.ts +6 -2
- package/esm/floating-label/floating-label.js +2 -2
- package/esm/index.d.ts +1 -0
- package/esm/index.js +3 -0
- package/esm/paginator/paginator-adapter.d.ts +27 -25
- package/esm/paginator/paginator-adapter.js +4 -6
- package/esm/paginator/paginator-foundation.d.ts +33 -80
- package/esm/paginator/paginator-foundation.js +218 -255
- package/esm/paginator/paginator.d.ts +0 -2
- package/esm/paginator/paginator.js +0 -2
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/package.json +1 -1
- package/styles/button-area/_mixins.scss +47 -0
- package/styles/button-area/button-area.scss +16 -0
- package/dist/esm/chunks/chunk.7G53ACL4.js +0 -7
- package/dist/esm/chunks/chunk.7G53ACL4.js.map +0 -7
- package/dist/esm/chunks/chunk.AMWDVFAU.js +0 -7
- package/dist/esm/chunks/chunk.AMWDVFAU.js.map +0 -7
- package/dist/esm/chunks/chunk.K4SWLH26.js +0 -7
- package/dist/esm/chunks/chunk.TOM77CWD.js +0 -7
- package/dist/esm/chunks/chunk.TOM77CWD.js.map +0 -7
- package/dist/esm/chunks/chunk.U773QUMB.js +0 -12
- package/dist/esm/chunks/chunk.U773QUMB.js.map +0 -7
- /package/dist/esm/chunks/{chunk.KCC3C3WH.js.map → chunk.2EAQ36QO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.3DYMGITQ.js.map → chunk.3NHRJPT4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ETJMASRZ.js.map → chunk.AD4NVLFA.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Z4HBPQ42.js.map → chunk.BJRQ67AD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NOXJK2U7.js.map → chunk.GSFM6MH4.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.7LX3X2DU.js.map → chunk.JMRXBELV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.F7ZYEFH5.js.map → chunk.K55FBLTW.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.2NA4LVTZ.js.map → chunk.P67RC5S3.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.55HRCXPA.js.map → chunk.PILDKQOE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.GBUXAJPY.js.map → chunk.ROWBKHIO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.AMES2WWC.js.map → chunk.XAPKK4ZJ.js.map} +0 -0
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e}from"../../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e}from"../../chunks/chunk.JMRXBELV.js";import"../../chunks/chunk.AD4NVLFA.js";import"../../chunks/chunk.RH4E52PS.js";import"../../chunks/chunk.7IHNVPY5.js";import"../../chunks/chunk.4DAIIJ37.js";import"../../chunks/chunk.4CWMNWZU.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.IWICN773.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.2KXSGD3S.js";import"../../chunks/chunk.FVRSGKJD.js";import"../../chunks/chunk.U6WGJELL.js";import"../../chunks/chunk.7XFU2W25.js";import"../../chunks/chunk.Y66GSZJB.js";import"../../chunks/chunk.BESB4RGK.js";import"../../chunks/chunk.5KC43VFL.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.QOA2O575.js";import"../../chunks/chunk.HOXFK44F.js";import"../../chunks/chunk.4LA6HEA7.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.MCIQXNKY.js";export{a as STEPPER_CONSTANTS,b as StepperAdapter,d as StepperComponent,c as StepperFoundation,e as defineStepperComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/switch/index.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d}from"../chunks/chunk.VT2QJ7SM.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d}from"../chunks/chunk.VT2QJ7SM.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as SWITCH_CONSTANTS,b as SwitchComponent,c as SwitchComponentDelegate,d as defineSwitchComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/table/index.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f,g,h,i}from"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f,g,h,i}from"../chunks/chunk.PILDKQOE.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.YG24YPYO.js";import"../chunks/chunk.RH4E52PS.js";import"../chunks/chunk.7IHNVPY5.js";import"../chunks/chunk.4DAIIJ37.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.73GVVX4K.js";import"../chunks/chunk.3IXTRC6Z.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.3KQL7VAZ.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{b as CellAlign,c as SortDirection,a as TABLE_CONSTANTS,e as TableAdapter,h as TableComponent,d as TableFilterType,g as TableFoundation,f as TableRow,i as defineTableComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/tabs/index.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import"../chunks/chunk.TLCGGWBO.js";import{a as f,b as g,c as h,d as i,e as j,f as k,g as l}from"../chunks/chunk.Y2I2VRMF.js";import{a as e}from"../chunks/chunk.UHU4FUIS.js";import{a,b,c,d}from"../chunks/chunk.PKVY6EWM.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.
|
|
6
|
+
import"../chunks/chunk.TLCGGWBO.js";import{a as f,b as g,c as h,d as i,e as j,f as k,g as l}from"../chunks/chunk.Y2I2VRMF.js";import{a as e}from"../chunks/chunk.UHU4FUIS.js";import{a,b,c,d}from"../chunks/chunk.PKVY6EWM.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{g as ACCEPTABLE_KEYS,h as KEYCODE_MAP,f as TAB_BAR_CONSTANTS,a as TAB_CONSTANTS,b as TabAdapter,j as TabBarAdapter,k as TabBarComponent,i as TabBarFoundation,d as TabComponent,c as TabFoundation,l as defineTabBarComponent,e as defineTabComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f,g}from"../../chunks/chunk.Y2I2VRMF.js";import"../../chunks/chunk.PKVY6EWM.js";import"../../chunks/chunk.RLWX5BFQ.js";import"../../chunks/chunk.4CWMNWZU.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.IWICN773.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f,g}from"../../chunks/chunk.Y2I2VRMF.js";import"../../chunks/chunk.PKVY6EWM.js";import"../../chunks/chunk.RLWX5BFQ.js";import"../../chunks/chunk.4CWMNWZU.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.IWICN773.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.2KXSGD3S.js";import"../../chunks/chunk.FVRSGKJD.js";import"../../chunks/chunk.U6WGJELL.js";import"../../chunks/chunk.7XFU2W25.js";import"../../chunks/chunk.Y66GSZJB.js";import"../../chunks/chunk.BESB4RGK.js";import"../../chunks/chunk.5KC43VFL.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.QOA2O575.js";import"../../chunks/chunk.HOXFK44F.js";import"../../chunks/chunk.4LA6HEA7.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.MCIQXNKY.js";export{b as ACCEPTABLE_KEYS,c as KEYCODE_MAP,a as TAB_BAR_CONSTANTS,e as TabBarAdapter,f as TabBarComponent,d as TabBarFoundation,g as defineTabBarComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as b,b as c,c as d,d as f}from"../chunks/chunk.
|
|
6
|
+
import{a as b,b as c,c as d,d as f}from"../chunks/chunk.XAPKK4ZJ.js";import{a,b as e}from"../chunks/chunk.NMKDIHFB.js";import"../chunks/chunk.P4VJUJQN.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.DBKVUCUQ.js";import"../chunks/chunk.GO5A4GKZ.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as TEXT_FIELD_CONSTANTS,b as TextFieldAdapter,d as TextFieldComponent,e as TextFieldComponentDelegate,c as TextFieldFoundation,f as defineTextFieldComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s}from"../chunks/chunk.MXVJSEF3.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.ITXUKOKJ.js";import"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s}from"../chunks/chunk.MXVJSEF3.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.ITXUKOKJ.js";import"../chunks/chunk.XAPKK4ZJ.js";import"../chunks/chunk.NMKDIHFB.js";import"../chunks/chunk.P4VJUJQN.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.DBKVUCUQ.js";import"../chunks/chunk.GO5A4GKZ.js";import"../chunks/chunk.H3IPTBWM.js";import"../chunks/chunk.WOTVTBJS.js";import"../chunks/chunk.K7HRCGML.js";import"../chunks/chunk.FZQCBRPK.js";import"../chunks/chunk.SXTM6OK4.js";import"../chunks/chunk.DYF2MREZ.js";import"../chunks/chunk.6YPD6CQM.js";import"../chunks/chunk.BL4IBI6G.js";import"../chunks/chunk.V4TCOZLK.js";import"../chunks/chunk.4DAIIJ37.js";import"../chunks/chunk.3C44DXZ2.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.3KQL7VAZ.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as TIME_PICKER_CONSTANTS,b as TimePickerAdapter,q as TimePickerComponent,r as TimePickerComponentDelegate,p as TimePickerFoundation,s as defineTimePickerComponent,n as getCurrentTimeOfDayMillis,j as hoursToMillis,o as mergeDateWithTime,e as millisToHours,g as millisToMinutes,f as millisToMinutesClamped,i as millisToSeconds,h as millisToSecondsClamped,d as millisToTimeString,k as minutesToMillis,l as secondsToMillis,m as stripSecondsFromMillis,c as timeStringToMillis};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/toast/index.js
CHANGED
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e}from"../chunks/chunk.IV2GMOPB.js";import"../chunks/chunk.CE6NTUWI.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e}from"../chunks/chunk.IV2GMOPB.js";import"../chunks/chunk.CE6NTUWI.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as TOAST_CONSTANTS,b as ToastAdapter,d as ToastComponent,c as ToastFoundation,e as defineToastComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { BaseAdapter, IBaseAdapter } from '../core';
|
|
7
|
+
import { ForgeRippleCapableSurface } from '../ripple';
|
|
8
|
+
import { IButtonAreaComponent } from './button-area';
|
|
9
|
+
export interface IButtonAreaAdapter extends IBaseAdapter {
|
|
10
|
+
setDisabled(value: boolean): void;
|
|
11
|
+
addListener(type: string, listener: (event: Event) => void): void;
|
|
12
|
+
removeListener(type: string, listener: (event: Event) => void): void;
|
|
13
|
+
addSlotChangeListener(listener: () => void): void;
|
|
14
|
+
removeSlotChangeListener(listener: () => void): void;
|
|
15
|
+
startButtonObserver(callback: MutationCallback): void;
|
|
16
|
+
stopButtonObserver(): void;
|
|
17
|
+
detectSlottedButton(): void;
|
|
18
|
+
buttonIsDisabled(): boolean;
|
|
19
|
+
requestDisabledButtonFrame(): void;
|
|
20
|
+
createRipple(): Promise<void>;
|
|
21
|
+
}
|
|
22
|
+
export declare class ButtonAreaAdapter extends BaseAdapter<IButtonAreaComponent> implements IButtonAreaAdapter, ForgeRippleCapableSurface {
|
|
23
|
+
private _rootElement;
|
|
24
|
+
private _buttonSlotElement;
|
|
25
|
+
private _buttonElement?;
|
|
26
|
+
private _rippleInstance?;
|
|
27
|
+
private _buttonObserver?;
|
|
28
|
+
constructor(component: IButtonAreaComponent);
|
|
29
|
+
get root(): HTMLElement;
|
|
30
|
+
get unbounded(): boolean | undefined;
|
|
31
|
+
get disabled(): boolean | undefined;
|
|
32
|
+
setDisabled(value: boolean): void;
|
|
33
|
+
addListener(type: string, listener: (event: Event) => void): void;
|
|
34
|
+
removeListener(type: string, listener: (event: Event) => void): void;
|
|
35
|
+
addSlotChangeListener(listener: () => void): void;
|
|
36
|
+
removeSlotChangeListener(listener: () => void): void;
|
|
37
|
+
startButtonObserver(callback: MutationCallback): void;
|
|
38
|
+
stopButtonObserver(): void;
|
|
39
|
+
detectSlottedButton(): void;
|
|
40
|
+
buttonIsDisabled(): boolean;
|
|
41
|
+
requestDisabledButtonFrame(): void;
|
|
42
|
+
createRipple(): Promise<void>;
|
|
43
|
+
private _userInteractionListener;
|
|
44
|
+
private _isRootEvent;
|
|
45
|
+
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { addClass, getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';
|
|
7
|
+
import { BaseAdapter, userInteractionListener } from '../core';
|
|
8
|
+
import { ForgeRipple, ForgeRippleFoundation } from '../ripple';
|
|
9
|
+
import { BUTTON_AREA_CONSTANTS } from './button-area-constants';
|
|
10
|
+
export class ButtonAreaAdapter extends BaseAdapter {
|
|
11
|
+
constructor(component) {
|
|
12
|
+
super(component);
|
|
13
|
+
this._rootElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.ROOT);
|
|
14
|
+
this._buttonSlotElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.BUTTON_SLOT);
|
|
15
|
+
}
|
|
16
|
+
get root() {
|
|
17
|
+
return this._rootElement;
|
|
18
|
+
}
|
|
19
|
+
get unbounded() {
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
get disabled() {
|
|
23
|
+
return this.buttonIsDisabled();
|
|
24
|
+
}
|
|
25
|
+
setDisabled(value) {
|
|
26
|
+
var _a;
|
|
27
|
+
toggleClass(this._rootElement, value, BUTTON_AREA_CONSTANTS.classes.DISABLED);
|
|
28
|
+
(_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.toggleAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, value);
|
|
29
|
+
}
|
|
30
|
+
addListener(type, listener) {
|
|
31
|
+
this._rootElement.addEventListener(type, listener);
|
|
32
|
+
}
|
|
33
|
+
removeListener(type, listener) {
|
|
34
|
+
this._rootElement.removeEventListener(type, listener);
|
|
35
|
+
}
|
|
36
|
+
addSlotChangeListener(listener) {
|
|
37
|
+
this._buttonSlotElement.addEventListener('slotchange', listener);
|
|
38
|
+
}
|
|
39
|
+
removeSlotChangeListener(listener) {
|
|
40
|
+
this._buttonSlotElement.removeEventListener('slotchange', listener);
|
|
41
|
+
}
|
|
42
|
+
startButtonObserver(callback) {
|
|
43
|
+
if (this._buttonElement) {
|
|
44
|
+
this._buttonObserver = new MutationObserver(callback);
|
|
45
|
+
this._buttonObserver.observe(this._buttonElement, { attributeFilter: [BUTTON_AREA_CONSTANTS.attributes.DISABLED] });
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
stopButtonObserver() {
|
|
49
|
+
if (this._buttonObserver) {
|
|
50
|
+
this._buttonObserver.disconnect();
|
|
51
|
+
this._buttonObserver = undefined;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
detectSlottedButton() {
|
|
55
|
+
this._buttonElement = this._buttonSlotElement.assignedElements()[0];
|
|
56
|
+
}
|
|
57
|
+
buttonIsDisabled() {
|
|
58
|
+
var _a, _b;
|
|
59
|
+
return (_b = (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : true;
|
|
60
|
+
}
|
|
61
|
+
requestDisabledButtonFrame() {
|
|
62
|
+
if (this._buttonElement) {
|
|
63
|
+
this._buttonElement.disabled = true;
|
|
64
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
65
|
+
requestAnimationFrame(() => this._buttonElement.disabled = false);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
async createRipple() {
|
|
69
|
+
if (!this._rippleInstance) {
|
|
70
|
+
const type = await this._userInteractionListener();
|
|
71
|
+
if (!this._rippleInstance) {
|
|
72
|
+
const adapter = Object.assign(Object.assign({}, ForgeRipple.createAdapter(this)), { isSurfaceActive: () => { var _a, _b; return this._rootElement.matches(':active') || ((_b = (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.matches(':active')) !== null && _b !== void 0 ? _b : false); }, isSurfaceDisabled: () => { var _a; return (_a = this.disabled) !== null && _a !== void 0 ? _a : true; }, isUnbounded: () => !!this.unbounded, registerInteractionHandler: (evtType, handler) => {
|
|
73
|
+
var _a;
|
|
74
|
+
if (this._isRootEvent(evtType)) {
|
|
75
|
+
this._rootElement.addEventListener(evtType, handler, { passive: true });
|
|
76
|
+
}
|
|
77
|
+
else {
|
|
78
|
+
(_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener(evtType, handler, { passive: true });
|
|
79
|
+
}
|
|
80
|
+
}, deregisterInteractionHandler: (evtType, handler) => {
|
|
81
|
+
var _a;
|
|
82
|
+
if (this._isRootEvent(evtType)) {
|
|
83
|
+
this._rootElement.removeEventListener(evtType, handler, { passive: true });
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
(_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.removeEventListener(evtType, handler, { passive: true });
|
|
87
|
+
}
|
|
88
|
+
}, addClass: (className) => addClass(className, this._rootElement), removeClass: (className) => removeClass(className, this._rootElement), updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value) });
|
|
89
|
+
this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));
|
|
90
|
+
if (type === 'focusin') {
|
|
91
|
+
this._rippleInstance.handleFocus();
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
this._rippleInstance.destroy();
|
|
97
|
+
this._rippleInstance = undefined;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
_userInteractionListener() {
|
|
101
|
+
return userInteractionListener(this._rootElement);
|
|
102
|
+
}
|
|
103
|
+
_isRootEvent(evtType) {
|
|
104
|
+
return ['touchstart', 'pointerdown', 'mousedown'].includes(evtType);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
export declare const BUTTON_AREA_CONSTANTS: {
|
|
7
|
+
elementName: string;
|
|
8
|
+
attributes: {
|
|
9
|
+
DISABLED: string;
|
|
10
|
+
IGNORE: string;
|
|
11
|
+
IGNORE_ALT: string;
|
|
12
|
+
};
|
|
13
|
+
ids: {
|
|
14
|
+
ROOT: string;
|
|
15
|
+
BUTTON_SLOT: string;
|
|
16
|
+
};
|
|
17
|
+
classes: {
|
|
18
|
+
DISABLED: string;
|
|
19
|
+
};
|
|
20
|
+
selectors: {
|
|
21
|
+
ROOT: string;
|
|
22
|
+
BUTTON_SLOT: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { COMPONENT_NAME_PREFIX } from '../constants';
|
|
7
|
+
const elementName = `${COMPONENT_NAME_PREFIX}button-area`;
|
|
8
|
+
const attributes = {
|
|
9
|
+
DISABLED: 'disabled',
|
|
10
|
+
IGNORE: 'data-forge-ignore',
|
|
11
|
+
IGNORE_ALT: 'forge-ignore'
|
|
12
|
+
};
|
|
13
|
+
const ids = {
|
|
14
|
+
ROOT: 'root',
|
|
15
|
+
BUTTON_SLOT: 'button'
|
|
16
|
+
};
|
|
17
|
+
const classes = {
|
|
18
|
+
DISABLED: `forge-button-area--disabled`
|
|
19
|
+
};
|
|
20
|
+
const selectors = {
|
|
21
|
+
ROOT: `#${ids.ROOT}`,
|
|
22
|
+
BUTTON_SLOT: `slot[name=button]`
|
|
23
|
+
};
|
|
24
|
+
export const BUTTON_AREA_CONSTANTS = {
|
|
25
|
+
elementName,
|
|
26
|
+
attributes,
|
|
27
|
+
ids,
|
|
28
|
+
classes,
|
|
29
|
+
selectors
|
|
30
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { ICustomElementFoundation } from '@tylertech/forge-core';
|
|
7
|
+
import { IButtonAreaAdapter } from './button-area-adapter';
|
|
8
|
+
export interface IButtonAreaFoundation extends ICustomElementFoundation {
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare class ButtonAreaFoundation implements IButtonAreaFoundation {
|
|
12
|
+
private _adapter;
|
|
13
|
+
private _disabled;
|
|
14
|
+
private _clickListener;
|
|
15
|
+
private _keydownListener;
|
|
16
|
+
private _pointerdownListener;
|
|
17
|
+
private _slotListener;
|
|
18
|
+
constructor(_adapter: IButtonAreaAdapter);
|
|
19
|
+
initialize(): void;
|
|
20
|
+
disconnect(): void;
|
|
21
|
+
private _handleClick;
|
|
22
|
+
private _handleKeydown;
|
|
23
|
+
private _handlePointerdown;
|
|
24
|
+
private _handleSlotChange;
|
|
25
|
+
private _handleButtonDisabled;
|
|
26
|
+
private _shouldIgnoreEvent;
|
|
27
|
+
get disabled(): boolean;
|
|
28
|
+
set disabled(value: boolean);
|
|
29
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { getEventPath } from '@tylertech/forge-core';
|
|
7
|
+
import { BUTTON_AREA_CONSTANTS } from './button-area-constants';
|
|
8
|
+
export class ButtonAreaFoundation {
|
|
9
|
+
constructor(_adapter) {
|
|
10
|
+
this._adapter = _adapter;
|
|
11
|
+
this._disabled = false;
|
|
12
|
+
this._clickListener = event => this._handleClick(event);
|
|
13
|
+
this._keydownListener = event => this._handleKeydown(event);
|
|
14
|
+
this._pointerdownListener = event => this._handlePointerdown(event);
|
|
15
|
+
this._slotListener = () => this._handleSlotChange();
|
|
16
|
+
}
|
|
17
|
+
initialize() {
|
|
18
|
+
this._adapter.addListener('click', this._clickListener);
|
|
19
|
+
this._adapter.addListener('keydown', this._keydownListener);
|
|
20
|
+
this._adapter.addListener('pointerdown', this._pointerdownListener);
|
|
21
|
+
this._adapter.addSlotChangeListener(this._slotListener);
|
|
22
|
+
this._adapter.createRipple();
|
|
23
|
+
}
|
|
24
|
+
disconnect() {
|
|
25
|
+
this._adapter.removeListener('click', this._clickListener);
|
|
26
|
+
this._adapter.removeSlotChangeListener(this._slotListener);
|
|
27
|
+
this._adapter.stopButtonObserver();
|
|
28
|
+
}
|
|
29
|
+
_handleClick(event) {
|
|
30
|
+
var _a;
|
|
31
|
+
// Prevent the click if disabled
|
|
32
|
+
if (this._disabled) {
|
|
33
|
+
event.stopPropagation();
|
|
34
|
+
}
|
|
35
|
+
// Prevent the click if a selection was made
|
|
36
|
+
const selectionType = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.type;
|
|
37
|
+
if (selectionType === 'Range') {
|
|
38
|
+
event.stopPropagation();
|
|
39
|
+
}
|
|
40
|
+
// Prevent the click if it originates from an ignored element
|
|
41
|
+
if (this._shouldIgnoreEvent(event)) {
|
|
42
|
+
event.stopPropagation();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
_handleKeydown(event) {
|
|
46
|
+
if (event.key !== ' ' && event.key !== 'Enter') {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
// Prevent the keydown if it originates from an ignored element
|
|
50
|
+
if (this._shouldIgnoreEvent(event)) {
|
|
51
|
+
event.stopPropagation();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
_handlePointerdown(event) {
|
|
55
|
+
if (this._disabled) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
// Prevent the ripple animation when ignored children are clicked
|
|
59
|
+
if (this._shouldIgnoreEvent(event)) {
|
|
60
|
+
this._adapter.requestDisabledButtonFrame();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
_handleSlotChange() {
|
|
64
|
+
// Clear old button-connected listeners
|
|
65
|
+
this._adapter.stopButtonObserver();
|
|
66
|
+
this._adapter.detectSlottedButton();
|
|
67
|
+
this._adapter.startButtonObserver(() => this._handleButtonDisabled());
|
|
68
|
+
// Match the component and button states if either is disabled
|
|
69
|
+
if (this._adapter.buttonIsDisabled()) {
|
|
70
|
+
this.disabled = true;
|
|
71
|
+
}
|
|
72
|
+
else if (this._disabled) {
|
|
73
|
+
this._adapter.setDisabled(true);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
_handleButtonDisabled() {
|
|
77
|
+
this.disabled = this._adapter.buttonIsDisabled();
|
|
78
|
+
}
|
|
79
|
+
_shouldIgnoreEvent(event) {
|
|
80
|
+
const eventPath = getEventPath(event);
|
|
81
|
+
return eventPath.some(el => el.nodeType === 1 && (el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE) || el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE_ALT)));
|
|
82
|
+
}
|
|
83
|
+
get disabled() {
|
|
84
|
+
return this._disabled;
|
|
85
|
+
}
|
|
86
|
+
set disabled(value) {
|
|
87
|
+
if (this._disabled !== value) {
|
|
88
|
+
this._disabled = value;
|
|
89
|
+
this._adapter.setDisabled(this._disabled);
|
|
90
|
+
this._adapter.toggleHostAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, this._disabled);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { ICustomElement } from '@tylertech/forge-core';
|
|
7
|
+
export interface IButtonAreaComponent extends ICustomElement {
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
'forge-button-area': IButtonAreaComponent;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export declare class ButtonAreaComponent extends HTMLElement implements IButtonAreaComponent {
|
|
16
|
+
static get observedAttributes(): string[];
|
|
17
|
+
private _foundation;
|
|
18
|
+
constructor();
|
|
19
|
+
connectedCallback(): void;
|
|
20
|
+
disconnectedCallback(): void;
|
|
21
|
+
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
22
|
+
/** Controls whether the component and associated button element are disabled. */
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { __decorate } from "tslib";
|
|
7
|
+
import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';
|
|
8
|
+
import { ButtonAreaAdapter } from './button-area-adapter';
|
|
9
|
+
import { ButtonAreaFoundation } from './button-area-foundation';
|
|
10
|
+
import { BUTTON_AREA_CONSTANTS } from './button-area-constants';
|
|
11
|
+
import { RippleComponent } from '../ripple';
|
|
12
|
+
const template = '<template><div class=\"forge-button-area\" id=\"root\" part=\"root\"><div class=\"forge-button-area__button\" id=\"button\" part=\"button\"><slot name=\"button\"></slot></div><slot></slot></div></template>';
|
|
13
|
+
const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-button-area{overflow:hidden}.forge-button-area:not(.forge-button-area--disabled).forge-button-area{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;cursor:pointer}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{opacity:.12;opacity:var(--mdc-ripple-activated-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity, .16)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-button-area__button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{display:block}:host([hidden]){display:none}';
|
|
14
|
+
let ButtonAreaComponent = class ButtonAreaComponent extends HTMLElement {
|
|
15
|
+
constructor() {
|
|
16
|
+
super();
|
|
17
|
+
attachShadowTemplate(this, template, styles);
|
|
18
|
+
this._foundation = new ButtonAreaFoundation(new ButtonAreaAdapter(this));
|
|
19
|
+
}
|
|
20
|
+
static get observedAttributes() {
|
|
21
|
+
return [
|
|
22
|
+
BUTTON_AREA_CONSTANTS.attributes.DISABLED
|
|
23
|
+
];
|
|
24
|
+
}
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
this._foundation.initialize();
|
|
27
|
+
}
|
|
28
|
+
disconnectedCallback() {
|
|
29
|
+
this._foundation.disconnect();
|
|
30
|
+
}
|
|
31
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
32
|
+
switch (name) {
|
|
33
|
+
case BUTTON_AREA_CONSTANTS.attributes.DISABLED:
|
|
34
|
+
this.disabled = coerceBoolean(newValue);
|
|
35
|
+
break;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
__decorate([
|
|
40
|
+
FoundationProperty()
|
|
41
|
+
], ButtonAreaComponent.prototype, "disabled", void 0);
|
|
42
|
+
ButtonAreaComponent = __decorate([
|
|
43
|
+
CustomElement({
|
|
44
|
+
name: BUTTON_AREA_CONSTANTS.elementName,
|
|
45
|
+
dependencies: [
|
|
46
|
+
RippleComponent
|
|
47
|
+
]
|
|
48
|
+
})
|
|
49
|
+
], ButtonAreaComponent);
|
|
50
|
+
export { ButtonAreaComponent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
export * from './button-area-adapter';
|
|
7
|
+
export * from './button-area-constants';
|
|
8
|
+
export * from './button-area-foundation';
|
|
9
|
+
export * from './button-area';
|
|
10
|
+
export declare function defineButtonAreaComponent(): void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
|
+
* License: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { defineCustomElement } from '@tylertech/forge-core';
|
|
7
|
+
import { ButtonAreaComponent } from './button-area';
|
|
8
|
+
export * from './button-area-adapter';
|
|
9
|
+
export * from './button-area-constants';
|
|
10
|
+
export * from './button-area-foundation';
|
|
11
|
+
export * from './button-area';
|
|
12
|
+
export function defineButtonAreaComponent() {
|
|
13
|
+
defineCustomElement(ButtonAreaComponent);
|
|
14
|
+
}
|
|
@@ -20,6 +20,7 @@ export declare class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelCo
|
|
|
20
20
|
private _headerElement;
|
|
21
21
|
private _contentElement;
|
|
22
22
|
private _headerSlotElement;
|
|
23
|
+
private _activeAnimationFrame;
|
|
23
24
|
constructor(component: IExpansionPanelComponent);
|
|
24
25
|
initialize(open: boolean, orientation?: string): void;
|
|
25
26
|
setHeaderVisibility(visible: boolean): void;
|
|
@@ -98,8 +98,9 @@ export class ExpansionPanelAdapter extends BaseAdapter {
|
|
|
98
98
|
else {
|
|
99
99
|
this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;
|
|
100
100
|
}
|
|
101
|
-
window.requestAnimationFrame(() => {
|
|
102
|
-
window.requestAnimationFrame(() => {
|
|
101
|
+
this._activeAnimationFrame = window.requestAnimationFrame(() => {
|
|
102
|
+
this._activeAnimationFrame = window.requestAnimationFrame(() => {
|
|
103
|
+
this._activeAnimationFrame = undefined;
|
|
103
104
|
if (opening) {
|
|
104
105
|
if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {
|
|
105
106
|
this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;
|
|
@@ -130,6 +131,10 @@ export class ExpansionPanelAdapter extends BaseAdapter {
|
|
|
130
131
|
});
|
|
131
132
|
}
|
|
132
133
|
else {
|
|
134
|
+
if (this._activeAnimationFrame) {
|
|
135
|
+
window.cancelAnimationFrame(this._activeAnimationFrame);
|
|
136
|
+
this._activeAnimationFrame = undefined;
|
|
137
|
+
}
|
|
133
138
|
this._contentElement.style.removeProperty('transition');
|
|
134
139
|
if (opening) {
|
|
135
140
|
if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {
|
|
@@ -51,6 +51,7 @@ export declare class FieldFoundation {
|
|
|
51
51
|
protected _onTrailingSlotChanged(evt: Event): void;
|
|
52
52
|
protected _onAddonEndSlotChanged(evt: Event): void;
|
|
53
53
|
protected _initializeLabel(): void;
|
|
54
|
+
private _destroyFloatingLabel;
|
|
54
55
|
protected _detectLeadingContent(): void;
|
|
55
56
|
protected _detectTrailingContent(): void;
|
|
56
57
|
protected _detectAddonEndContent(): void;
|