@tylertech/forge 2.24.1 → 2.24.3
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 +2666 -2807
- 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/busy-indicator/index.js +1 -1
- package/dist/esm/button/index.js +1 -1
- package/dist/esm/button-area/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.UUBAUAER.js → chunk.3MMDUUTN.js} +2 -2
- package/dist/esm/chunks/{chunk.KZDQFUNT.js → chunk.3V2VDOOP.js} +2 -2
- package/dist/esm/chunks/{chunk.Q2PGK4IA.js → chunk.4KKMVMPN.js} +2 -2
- package/dist/esm/chunks/{chunk.WLBRU5HI.js → chunk.5SM7UG6C.js} +2 -2
- package/dist/esm/chunks/{chunk.LJQO5G5I.js → chunk.6DVJ22IK.js} +2 -2
- package/dist/esm/chunks/{chunk.QRWYYBZC.js → chunk.6NARYF7U.js} +2 -2
- package/dist/esm/chunks/{chunk.QRWYYBZC.js.map → chunk.6NARYF7U.js.map} +3 -3
- package/dist/esm/chunks/{chunk.4APGDQHF.js → chunk.AFW54X3W.js} +2 -2
- package/dist/esm/chunks/chunk.AH4YGLZ4.js +7 -0
- package/dist/esm/chunks/chunk.AH4YGLZ4.js.map +7 -0
- package/dist/esm/chunks/chunk.AJTQHK25.js +7 -0
- package/dist/esm/chunks/chunk.AJTQHK25.js.map +7 -0
- package/dist/esm/chunks/{chunk.KMMOZ2SF.js → chunk.C3G25JFG.js} +2 -2
- package/dist/esm/chunks/chunk.CL4FTBLR.js +7 -0
- package/dist/esm/chunks/chunk.CL4FTBLR.js.map +7 -0
- package/dist/esm/chunks/{chunk.POBCKMFO.js → chunk.CYLDP7ML.js} +2 -2
- package/dist/esm/chunks/{chunk.HDHGU4L2.js → chunk.E3K6KM57.js} +2 -2
- package/dist/esm/chunks/{chunk.PTEWJ5PZ.js → chunk.EQEMCHMB.js} +2 -2
- package/dist/esm/chunks/{chunk.QBST3QSM.js → chunk.FEU4FTVQ.js} +2 -2
- package/dist/esm/chunks/chunk.H2LKAI6N.js +7 -0
- package/dist/esm/chunks/chunk.H2LKAI6N.js.map +7 -0
- package/dist/esm/chunks/chunk.HGV5UXOS.js +7 -0
- package/dist/esm/chunks/chunk.HGV5UXOS.js.map +7 -0
- package/dist/esm/chunks/{chunk.IPQDOSLO.js → chunk.J4BGOSAD.js} +2 -2
- package/dist/esm/chunks/{chunk.BQRXAJTH.js → chunk.JFAOCIGZ.js} +2 -2
- package/dist/esm/chunks/{chunk.VUHUEAJD.js → chunk.JPL5457M.js} +2 -2
- package/dist/esm/chunks/{chunk.VUHUEAJD.js.map → chunk.JPL5457M.js.map} +1 -1
- package/dist/esm/chunks/{chunk.4QVF44G5.js → chunk.K57IO236.js} +2 -2
- package/dist/esm/chunks/{chunk.K2O3KSP7.js → chunk.KGMCBPGV.js} +2 -2
- package/dist/esm/chunks/chunk.KYH5GKVI.js +7 -0
- package/dist/esm/chunks/chunk.KYH5GKVI.js.map +7 -0
- package/dist/esm/chunks/chunk.LEINPSKL.js +7 -0
- package/dist/esm/chunks/chunk.LEINPSKL.js.map +7 -0
- package/dist/esm/chunks/{chunk.V5L5DKNF.js → chunk.LFBYFJTX.js} +2 -2
- package/dist/esm/chunks/chunk.MKHU4IPO.js +7 -0
- package/dist/esm/chunks/chunk.MKHU4IPO.js.map +7 -0
- package/dist/esm/chunks/chunk.N6MAUMFI.js +7 -0
- package/dist/esm/chunks/chunk.N6MAUMFI.js.map +7 -0
- package/dist/esm/chunks/{chunk.USKQFX4N.js → chunk.OBBYRQCY.js} +2 -2
- package/dist/esm/chunks/chunk.OJ54J4L3.js +7 -0
- package/dist/esm/chunks/chunk.OJ54J4L3.js.map +7 -0
- package/dist/esm/chunks/chunk.OML7MHH6.js +29 -0
- package/dist/esm/chunks/chunk.OML7MHH6.js.map +7 -0
- package/dist/esm/chunks/chunk.PSU432SK.js +12 -0
- package/dist/esm/chunks/{chunk.U5DETNRU.js → chunk.QIGNMZRL.js} +2 -2
- package/dist/esm/chunks/{chunk.DNWMURCG.js → chunk.RHXQ2GMV.js} +2 -2
- package/dist/esm/chunks/{chunk.OLNY6ZNB.js → chunk.TLXWXBQO.js} +2 -2
- package/dist/esm/chunks/chunk.TMEYQXRR.js +7 -0
- package/dist/esm/chunks/chunk.TMEYQXRR.js.map +7 -0
- package/dist/esm/chunks/{chunk.EPFMWAIO.js → chunk.TVWUZYVG.js} +2 -2
- package/dist/esm/chunks/{chunk.AITARMT3.js → chunk.UNFOIEF6.js} +2 -2
- package/dist/esm/chunks/{chunk.AITARMT3.js.map → chunk.UNFOIEF6.js.map} +2 -2
- package/dist/esm/chunks/{chunk.32AY5G4D.js → chunk.W3DFKTAX.js} +2 -2
- package/dist/esm/chunks/{chunk.ATJJ6NAY.js → chunk.WF24FWAT.js} +2 -2
- package/dist/esm/chunks/chunk.XINI6PNZ.js +7 -0
- package/dist/esm/chunks/chunk.XINI6PNZ.js.map +7 -0
- package/dist/esm/chunks/{chunk.WVU4LCVC.js → chunk.XKX2BE6Z.js} +2 -2
- package/dist/esm/chunks/{chunk.ZVHFSAID.js → chunk.YVXZ753Q.js} +2 -2
- package/dist/esm/chunks/{chunk.QFMQPAT2.js → chunk.Z7Y2RA4P.js} +2 -2
- package/dist/esm/color-picker/index.js +1 -1
- package/dist/esm/core/index.js +1 -1
- package/dist/esm/core/utils/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/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/index.js +1 -1
- package/dist/esm/list/list/index.js +1 -1
- package/dist/esm/list/list-item/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/radio/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/option/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/index.js +1 -1
- package/dist/esm/tabs/tab-bar/index.js +1 -1
- package/dist/esm/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/esm/autocomplete/autocomplete-adapter.d.ts +2 -0
- package/esm/autocomplete/autocomplete-adapter.js +6 -0
- package/esm/autocomplete/autocomplete-foundation.js +1 -0
- package/esm/core/utils/utils.d.ts +9 -0
- package/esm/core/utils/utils.js +22 -0
- package/esm/date-picker/date-picker-adapter.js +3 -0
- package/esm/date-range-picker/date-range-picker-adapter.js +6 -1
- package/esm/list/list-item/list-item-adapter.js +3 -1
- package/esm/list-dropdown/list-dropdown-constants.d.ts +1 -0
- package/esm/list-dropdown/list-dropdown-utils.js +16 -3
- package/esm/menu/menu-adapter.d.ts +2 -0
- package/esm/menu/menu-adapter.js +3 -0
- package/esm/menu/menu-foundation.js +2 -0
- package/esm/select/core/base-select-adapter.d.ts +0 -2
- package/esm/select/core/base-select-foundation.js +1 -2
- package/esm/select/option/option.d.ts +0 -1
- package/esm/select/option/option.js +0 -5
- package/esm/select/select/select-adapter.d.ts +0 -1
- package/esm/select/select/select-adapter.js +4 -9
- package/esm/select/select/select-foundation.js +0 -1
- package/esm/select/select-dropdown/select-dropdown-adapter.d.ts +0 -1
- package/esm/select/select-dropdown/select-dropdown-adapter.js +0 -11
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/step/step-adapter.d.ts +4 -12
- package/esm/stepper/step/step-adapter.js +34 -35
- package/esm/stepper/step/step-constants.d.ts +1 -0
- package/esm/stepper/step/step-constants.js +2 -1
- package/esm/stepper/step/step-foundation.d.ts +0 -3
- package/esm/stepper/step/step-foundation.js +1 -7
- package/esm/stepper/step/step.d.ts +0 -3
- package/esm/stepper/step/step.js +2 -8
- package/esm/stepper/stepper/stepper-adapter.js +2 -3
- package/esm/stepper/stepper/stepper-foundation.js +14 -10
- package/esm/tabs/tab/tab-adapter.d.ts +1 -3
- package/esm/tabs/tab/tab-adapter.js +13 -14
- package/esm/tabs/tab/tab-constants.d.ts +2 -1
- package/esm/tabs/tab/tab-constants.js +2 -1
- package/esm/tabs/tab/tab-foundation.d.ts +0 -2
- package/esm/tabs/tab/tab-foundation.js +3 -3
- package/esm/tabs/tab/tab.d.ts +0 -1
- package/esm/tabs/tab/tab.js +2 -5
- package/esm/time-picker/time-picker-adapter.d.ts +2 -0
- package/esm/time-picker/time-picker-adapter.js +7 -2
- package/esm/time-picker/time-picker-foundation.js +1 -0
- package/package.json +1 -1
- package/styles/stepper/step/_mixins.scss +12 -1
- package/styles/stepper/step/step.scss +1 -1
- package/styles/tabs/tab/_mixins.scss +3 -7
- package/styles/tabs/tab/tab.scss +4 -0
- package/dist/esm/chunks/chunk.36RT7UOR.js +0 -7
- package/dist/esm/chunks/chunk.36RT7UOR.js.map +0 -7
- package/dist/esm/chunks/chunk.5KU2NSKM.js +0 -12
- package/dist/esm/chunks/chunk.F6DMKNFU.js +0 -29
- package/dist/esm/chunks/chunk.F6DMKNFU.js.map +0 -7
- package/dist/esm/chunks/chunk.HSUOYMJT.js +0 -7
- package/dist/esm/chunks/chunk.HSUOYMJT.js.map +0 -7
- package/dist/esm/chunks/chunk.HVYDNI2O.js +0 -7
- package/dist/esm/chunks/chunk.HVYDNI2O.js.map +0 -7
- package/dist/esm/chunks/chunk.KZJYLYWN.js +0 -7
- package/dist/esm/chunks/chunk.KZJYLYWN.js.map +0 -7
- package/dist/esm/chunks/chunk.LZOAYM6V.js +0 -7
- package/dist/esm/chunks/chunk.LZOAYM6V.js.map +0 -7
- package/dist/esm/chunks/chunk.M5AHW6YM.js +0 -7
- package/dist/esm/chunks/chunk.M5AHW6YM.js.map +0 -7
- package/dist/esm/chunks/chunk.M5QM2CPF.js +0 -7
- package/dist/esm/chunks/chunk.M5QM2CPF.js.map +0 -7
- package/dist/esm/chunks/chunk.MA2P7CG4.js +0 -7
- package/dist/esm/chunks/chunk.MA2P7CG4.js.map +0 -7
- package/dist/esm/chunks/chunk.MSOMQ4HD.js +0 -7
- package/dist/esm/chunks/chunk.MSOMQ4HD.js.map +0 -7
- package/dist/esm/chunks/chunk.POYFRYFF.js +0 -7
- package/dist/esm/chunks/chunk.POYFRYFF.js.map +0 -7
- package/dist/esm/chunks/chunk.QRSFRMBF.js +0 -7
- package/dist/esm/chunks/chunk.QRSFRMBF.js.map +0 -7
- package/dist/esm/chunks/chunk.U7SENURF.js +0 -7
- package/dist/esm/chunks/chunk.U7SENURF.js.map +0 -7
- /package/dist/esm/chunks/{chunk.UUBAUAER.js.map → chunk.3MMDUUTN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KZDQFUNT.js.map → chunk.3V2VDOOP.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.Q2PGK4IA.js.map → chunk.4KKMVMPN.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WLBRU5HI.js.map → chunk.5SM7UG6C.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.LJQO5G5I.js.map → chunk.6DVJ22IK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4APGDQHF.js.map → chunk.AFW54X3W.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.KMMOZ2SF.js.map → chunk.C3G25JFG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.POBCKMFO.js.map → chunk.CYLDP7ML.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.HDHGU4L2.js.map → chunk.E3K6KM57.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.PTEWJ5PZ.js.map → chunk.EQEMCHMB.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QBST3QSM.js.map → chunk.FEU4FTVQ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.IPQDOSLO.js.map → chunk.J4BGOSAD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.BQRXAJTH.js.map → chunk.JFAOCIGZ.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.4QVF44G5.js.map → chunk.K57IO236.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.K2O3KSP7.js.map → chunk.KGMCBPGV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.V5L5DKNF.js.map → chunk.LFBYFJTX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.USKQFX4N.js.map → chunk.OBBYRQCY.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.5KU2NSKM.js.map → chunk.PSU432SK.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.U5DETNRU.js.map → chunk.QIGNMZRL.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.DNWMURCG.js.map → chunk.RHXQ2GMV.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.OLNY6ZNB.js.map → chunk.TLXWXBQO.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.EPFMWAIO.js.map → chunk.TVWUZYVG.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.32AY5G4D.js.map → chunk.W3DFKTAX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ATJJ6NAY.js.map → chunk.WF24FWAT.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.WVU4LCVC.js.map → chunk.XKX2BE6Z.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.ZVHFSAID.js.map → chunk.YVXZ753Q.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.QFMQPAT2.js.map → chunk.Z7Y2RA4P.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.H2LKAI6N.js";import"../../chunks/chunk.HGV5UXOS.js";import"../../chunks/chunk.SXQ22MNR.js";import"../../chunks/chunk.47EUT2BJ.js";import"../../chunks/chunk.4DAIIJ37.js";import"../../chunks/chunk.EC5JFSHR.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.WHQZNZHW.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.KYH5GKVI.js";import"../../chunks/chunk.BESB4RGK.js";import"../../chunks/chunk.UWYANU5D.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.DL7NX432.js";import"../../chunks/chunk.LJLEPTLU.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 as b,b as c,c as d}from"../chunks/chunk.
|
|
6
|
+
import{a as b,b as c,c as d}from"../chunks/chunk.XKX2BE6Z.js";import{a}from"../chunks/chunk.VS7NFAGM.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.KYH5GKVI.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.UWYANU5D.js";import"../chunks/chunk.DL7NX432.js";import"../chunks/chunk.LJLEPTLU.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.TLXWXBQO.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.YVXZ753Q.js";import"../chunks/chunk.M4PI24CI.js";import"../chunks/chunk.SXQ22MNR.js";import"../chunks/chunk.47EUT2BJ.js";import"../chunks/chunk.4DAIIJ37.js";import"../chunks/chunk.EC5JFSHR.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.TEHQWMFI.js";import"../chunks/chunk.SYHVVXRW.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.3KQL7VAZ.js";import"../chunks/chunk.WHQZNZHW.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.KYH5GKVI.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.UWYANU5D.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.DL7NX432.js";import"../chunks/chunk.LJLEPTLU.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.
|
|
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.4KKMVMPN.js";import{a as e}from"../chunks/chunk.3V2VDOOP.js";import{a,b,c,d}from"../chunks/chunk.OML7MHH6.js";import"../chunks/chunk.E3K6KM57.js";import"../chunks/chunk.MV327MYK.js";import"../chunks/chunk.EC5JFSHR.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.WHQZNZHW.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.KYH5GKVI.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.UWYANU5D.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.DL7NX432.js";import"../chunks/chunk.LJLEPTLU.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 as e}from"../../chunks/chunk.
|
|
6
|
+
import{a as e}from"../../chunks/chunk.3V2VDOOP.js";import{a,b,c,d}from"../../chunks/chunk.OML7MHH6.js";import"../../chunks/chunk.EC5JFSHR.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.UWYANU5D.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.DL7NX432.js";import"../../chunks/chunk.LJLEPTLU.js";import"../../chunks/chunk.4LA6HEA7.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.MCIQXNKY.js";export{a as TAB_CONSTANTS,b as TabAdapter,d as TabComponent,c as TabFoundation,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.
|
|
6
|
+
import{a,b,c,d,e,f,g}from"../../chunks/chunk.4KKMVMPN.js";import"../../chunks/chunk.OML7MHH6.js";import"../../chunks/chunk.E3K6KM57.js";import"../../chunks/chunk.MV327MYK.js";import"../../chunks/chunk.EC5JFSHR.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.WHQZNZHW.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.KYH5GKVI.js";import"../../chunks/chunk.BESB4RGK.js";import"../../chunks/chunk.UWYANU5D.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.DL7NX432.js";import"../../chunks/chunk.LJLEPTLU.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,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s}from"../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.XINI6PNZ.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.TDWRBHQW.js";import"../chunks/chunk.VDF5MWGC.js";import"../chunks/chunk.EYGSUZWX.js";import"../chunks/chunk.DK6EGV4J.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.DBKVUCUQ.js";import"../chunks/chunk.IX2UHMIM.js";import"../chunks/chunk.VS7NFAGM.js";import"../chunks/chunk.KNKTQDLS.js";import"../chunks/chunk.M4PI24CI.js";import"../chunks/chunk.7C7XCT32.js";import"../chunks/chunk.LEINPSKL.js";import"../chunks/chunk.RQG6GVOI.js";import"../chunks/chunk.FZQCBRPK.js";import"../chunks/chunk.K57IO236.js";import"../chunks/chunk.AJTQHK25.js";import"../chunks/chunk.6YPD6CQM.js";import"../chunks/chunk.P73BXRKY.js";import"../chunks/chunk.V4TCOZLK.js";import"../chunks/chunk.4DAIIJ37.js";import"../chunks/chunk.WCSVKQR2.js";import"../chunks/chunk.E3K6KM57.js";import"../chunks/chunk.MV327MYK.js";import"../chunks/chunk.EC5JFSHR.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.WHQZNZHW.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.KYH5GKVI.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.UWYANU5D.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.DL7NX432.js";import"../chunks/chunk.LJLEPTLU.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.
|
|
6
|
+
import{a,b,c,d,e}from"../chunks/chunk.JFAOCIGZ.js";import"../chunks/chunk.RHXQ2GMV.js";import"../chunks/chunk.E3K6KM57.js";import"../chunks/chunk.MV327MYK.js";import"../chunks/chunk.EC5JFSHR.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.WHQZNZHW.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.KYH5GKVI.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.UWYANU5D.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.DL7NX432.js";import"../chunks/chunk.LJLEPTLU.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
|
|
@@ -8,6 +8,7 @@ import { IAutocompleteComponent } from './autocomplete';
|
|
|
8
8
|
import { IAutocompleteOption, IAutocompleteOptionGroup } from './autocomplete-constants';
|
|
9
9
|
import { IListDropdownConfig } from '../list-dropdown';
|
|
10
10
|
export interface IAutocompleteAdapter extends IBaseAdapter {
|
|
11
|
+
readonly inputElement: HTMLInputElement;
|
|
11
12
|
setInputElement(): HTMLInputElement;
|
|
12
13
|
setInputAttribute(name: string, value: string): void;
|
|
13
14
|
addInputListener(type: string, listener: (evt: Event) => void): void;
|
|
@@ -52,6 +53,7 @@ export declare class AutocompleteAdapter extends BaseAdapter<IAutocompleteCompon
|
|
|
52
53
|
private _listDropdown?;
|
|
53
54
|
private _targetElement?;
|
|
54
55
|
constructor(component: IAutocompleteComponent);
|
|
56
|
+
get inputElement(): HTMLInputElement;
|
|
55
57
|
setInputElement(): HTMLInputElement;
|
|
56
58
|
setInputAttribute(name: string, value: string): void;
|
|
57
59
|
addInputListener(type: string, listener: (evt: Event) => void): void;
|
|
@@ -10,6 +10,7 @@ import { TEXT_FIELD_CONSTANTS } from '../text-field';
|
|
|
10
10
|
import { ListDropdown } from '../list-dropdown';
|
|
11
11
|
import { CHIP_FIELD_CONSTANTS } from '../chip-field';
|
|
12
12
|
import { POPUP_CONSTANTS } from '../popup';
|
|
13
|
+
import { setAriaControls, tryCreateAriaControlsPlaceholder } from '../core';
|
|
13
14
|
/**
|
|
14
15
|
* The DOM adapter for the `<forge-autocomplete>` element.
|
|
15
16
|
*/
|
|
@@ -18,6 +19,9 @@ export class AutocompleteAdapter extends BaseAdapter {
|
|
|
18
19
|
super(component);
|
|
19
20
|
this.setInputElement();
|
|
20
21
|
}
|
|
22
|
+
get inputElement() {
|
|
23
|
+
return this._inputElement;
|
|
24
|
+
}
|
|
21
25
|
setInputElement() {
|
|
22
26
|
const inputElements = deepQuerySelectorAll(this._component, AUTOCOMPLETE_CONSTANTS.selectors.INPUT, false);
|
|
23
27
|
if (inputElements.length) {
|
|
@@ -42,6 +46,8 @@ export class AutocompleteAdapter extends BaseAdapter {
|
|
|
42
46
|
this._inputElement.setAttribute('aria-haspopup', 'true');
|
|
43
47
|
this._inputElement.setAttribute('aria-expanded', 'false');
|
|
44
48
|
this._inputElement.setAttribute('aria-autocomplete', 'list');
|
|
49
|
+
tryCreateAriaControlsPlaceholder();
|
|
50
|
+
setAriaControls(this._inputElement);
|
|
45
51
|
}
|
|
46
52
|
isWrappingChipField() {
|
|
47
53
|
return !!this._component.querySelector(CHIP_FIELD_CONSTANTS.elementName);
|
|
@@ -347,6 +347,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
|
|
|
347
347
|
}
|
|
348
348
|
const config = {
|
|
349
349
|
options: this._options,
|
|
350
|
+
referenceElement: this._adapter.inputElement,
|
|
350
351
|
multiple: this._multiple,
|
|
351
352
|
selectedValues: [...this._values],
|
|
352
353
|
id: `forge-autocomplete-${this._identifier}`,
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
+
export declare const ARIA_CONTROLS_PLACEHOLDER_ID = "forge-aria-controls-placeholder";
|
|
6
7
|
/**
|
|
7
8
|
* Highlights text in the given label by converting it to HTML and using a `<span>` tag to show the highlighted text within the original label.
|
|
8
9
|
* @param label The full text.
|
|
@@ -62,3 +63,11 @@ export declare function safeMin(...args: (number | undefined)[]): number;
|
|
|
62
63
|
* @returns The max value or `Number.NEGATIVE_INFINITY` if all values are `undefined`.
|
|
63
64
|
*/
|
|
64
65
|
export declare function safeMax(...args: (number | undefined)[]): number;
|
|
66
|
+
/**
|
|
67
|
+
* Creates a div as a temporary aria-controls placeholder for various components that use a dynamic popup.
|
|
68
|
+
*/
|
|
69
|
+
export declare function tryCreateAriaControlsPlaceholder(): void;
|
|
70
|
+
/**
|
|
71
|
+
* Sets the aria-controls attribute of an element to the placeholder div
|
|
72
|
+
*/
|
|
73
|
+
export declare function setAriaControls(component: HTMLElement): void;
|
package/esm/core/utils/utils.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
+
export const ARIA_CONTROLS_PLACEHOLDER_ID = 'forge-aria-controls-placeholder';
|
|
6
7
|
/**
|
|
7
8
|
* Highlights text in the given label by converting it to HTML and using a `<span>` tag to show the highlighted text within the original label.
|
|
8
9
|
* @param label The full text.
|
|
@@ -128,3 +129,24 @@ export function safeMin(...args) {
|
|
|
128
129
|
export function safeMax(...args) {
|
|
129
130
|
return Math.max(...args.map(arg => arg !== null && arg !== void 0 ? arg : Number.NEGATIVE_INFINITY));
|
|
130
131
|
}
|
|
132
|
+
/**
|
|
133
|
+
* Creates a div as a temporary aria-controls placeholder for various components that use a dynamic popup.
|
|
134
|
+
*/
|
|
135
|
+
export function tryCreateAriaControlsPlaceholder() {
|
|
136
|
+
const hasDiv = document.getElementById(ARIA_CONTROLS_PLACEHOLDER_ID);
|
|
137
|
+
if (hasDiv) {
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
const placeholderDiv = document.createElement('div');
|
|
141
|
+
placeholderDiv.id = ARIA_CONTROLS_PLACEHOLDER_ID;
|
|
142
|
+
document.body.appendChild(placeholderDiv);
|
|
143
|
+
}
|
|
144
|
+
/**
|
|
145
|
+
* Sets the aria-controls attribute of an element to the placeholder div
|
|
146
|
+
*/
|
|
147
|
+
export function setAriaControls(component) {
|
|
148
|
+
const placeholderDiv = document.getElementById(ARIA_CONTROLS_PLACEHOLDER_ID);
|
|
149
|
+
if (placeholderDiv) {
|
|
150
|
+
component.setAttribute('aria-controls', placeholderDiv.id);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
@@ -8,6 +8,7 @@ import { CalendarDropdown } from '../calendar/calendar-dropdown/calendar-dropdow
|
|
|
8
8
|
import { DateInputMask } from '../core/mask/date-input-mask';
|
|
9
9
|
import { BaseDatePickerAdapter } from './base/base-date-picker-adapter';
|
|
10
10
|
import { DATE_PICKER_CONSTANTS } from './date-picker-constants';
|
|
11
|
+
import { setAriaControls, tryCreateAriaControlsPlaceholder } from '../core';
|
|
11
12
|
export class DatePickerAdapter extends BaseDatePickerAdapter {
|
|
12
13
|
constructor(component) {
|
|
13
14
|
super(component);
|
|
@@ -41,6 +42,8 @@ export class DatePickerAdapter extends BaseDatePickerAdapter {
|
|
|
41
42
|
this._inputElement.setAttribute('aria-haspopup', 'true');
|
|
42
43
|
this._inputElement.setAttribute('aria-expanded', 'false');
|
|
43
44
|
this._inputElement.setAttribute('aria-owns', this._dropdownIdentifier);
|
|
45
|
+
tryCreateAriaControlsPlaceholder();
|
|
46
|
+
setAriaControls(this._inputElement);
|
|
44
47
|
}
|
|
45
48
|
addInputListener(type, listener, capture) {
|
|
46
49
|
var _a;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { emitEvent, listenOwnProperty, getActiveElement } from '@tylertech/forge-core';
|
|
7
7
|
import { CalendarDropdown } from '../calendar/calendar-dropdown';
|
|
8
|
-
import { DateInputMask } from '../core';
|
|
8
|
+
import { DateInputMask, setAriaControls, tryCreateAriaControlsPlaceholder } from '../core';
|
|
9
9
|
import { BaseDatePickerAdapter } from '../date-picker/base/base-date-picker-adapter';
|
|
10
10
|
import { createToggleElement } from '../date-picker/base/base-date-picker-utils';
|
|
11
11
|
import { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';
|
|
@@ -65,6 +65,11 @@ export class DateRangePickerAdapter extends BaseDatePickerAdapter {
|
|
|
65
65
|
this._applyToInputs(input => input.setAttribute('aria-haspopup', 'true'));
|
|
66
66
|
this._applyToInputs(input => input.setAttribute('aria-expanded', 'false'));
|
|
67
67
|
this._applyToInputs(input => input.setAttribute('aria-owns', this._dropdownIdentifier));
|
|
68
|
+
if (!this._toInputElement.hasAttribute('aria-label')) {
|
|
69
|
+
this._toInputElement.setAttribute('aria-label', 'To date');
|
|
70
|
+
}
|
|
71
|
+
tryCreateAriaControlsPlaceholder();
|
|
72
|
+
this._applyToInputs(input => setAriaControls(input));
|
|
68
73
|
}
|
|
69
74
|
addInputListener(type, listener, capture) {
|
|
70
75
|
var _a;
|
|
@@ -59,7 +59,9 @@ export class ListItemAdapter extends BaseAdapter {
|
|
|
59
59
|
addClass(LIST_ITEM_CONSTANTS.classes.STATIC, this._listItemElement);
|
|
60
60
|
}
|
|
61
61
|
else {
|
|
62
|
-
this._listItemElement.
|
|
62
|
+
if (this._listItemElement.hasAttribute('tabindex')) {
|
|
63
|
+
this._listItemElement.tabIndex = 0;
|
|
64
|
+
}
|
|
63
65
|
removeClass(LIST_ITEM_CONSTANTS.classes.STATIC, this._listItemElement);
|
|
64
66
|
}
|
|
65
67
|
}
|
|
@@ -60,6 +60,7 @@ export interface IListDropdownSelectEventData {
|
|
|
60
60
|
}
|
|
61
61
|
export interface IListDropdownConfig<T = any> {
|
|
62
62
|
id: string;
|
|
63
|
+
referenceElement: HTMLElement;
|
|
63
64
|
options: Array<IListDropdownOption | IListDropdownOptionGroup>;
|
|
64
65
|
selectCallback: (value: T) => void;
|
|
65
66
|
activeChangeCallback?: (id: string) => void;
|
|
@@ -11,6 +11,7 @@ import { LIST_CONSTANTS } from '../list/list';
|
|
|
11
11
|
import { PopupAnimationType, POPUP_CONSTANTS } from '../popup';
|
|
12
12
|
import { SKELETON_CONSTANTS } from '../skeleton';
|
|
13
13
|
import { ListDropdownAsyncStyle, ListDropdownType, LIST_DROPDOWN_CONSTANTS } from './list-dropdown-constants';
|
|
14
|
+
import { LIST_ITEM_CONSTANTS } from '../list/list-item';
|
|
14
15
|
export var ListDropdownOptionType;
|
|
15
16
|
(function (ListDropdownOptionType) {
|
|
16
17
|
ListDropdownOptionType[ListDropdownOptionType["Option"] = 0] = "Option";
|
|
@@ -45,6 +46,9 @@ export function createDropdown(config, targetElement) {
|
|
|
45
46
|
break;
|
|
46
47
|
default:
|
|
47
48
|
dropdownElement.setAttribute('role', 'listbox');
|
|
49
|
+
if (config.multiple) {
|
|
50
|
+
dropdownElement.setAttribute('aria-multiselectable', 'true');
|
|
51
|
+
}
|
|
48
52
|
}
|
|
49
53
|
if (config.id) {
|
|
50
54
|
dropdownElement.id = dropdownId;
|
|
@@ -55,13 +59,16 @@ export function createDropdown(config, targetElement) {
|
|
|
55
59
|
return dropdownElement;
|
|
56
60
|
}
|
|
57
61
|
export function createPopupDropdown(config, targetElement) {
|
|
58
|
-
var _a;
|
|
62
|
+
var _a, _b;
|
|
59
63
|
const popupElement = document.createElement('forge-popup');
|
|
60
64
|
popupElement.targetElement = targetElement;
|
|
61
65
|
popupElement.placement = config.popupPlacement || 'bottom-start';
|
|
62
66
|
popupElement.manageFocus = false;
|
|
63
67
|
popupElement.static = !!config.popupStatic;
|
|
64
|
-
if ((_a = config.
|
|
68
|
+
if ((_a = config === null || config === void 0 ? void 0 : config.referenceElement) === null || _a === void 0 ? void 0 : _a.id) {
|
|
69
|
+
popupElement.setAttribute('aria-labelledby', config.referenceElement.id);
|
|
70
|
+
}
|
|
71
|
+
if ((_b = config.popupFallbackPlacements) === null || _b === void 0 ? void 0 : _b.length) {
|
|
65
72
|
popupElement.fallbackPlacements = config.popupFallbackPlacements;
|
|
66
73
|
}
|
|
67
74
|
if (config.constrainViewportWidth) {
|
|
@@ -87,6 +94,7 @@ export function createList(config) {
|
|
|
87
94
|
const listElement = document.createElement(LIST_CONSTANTS.elementName);
|
|
88
95
|
listElement.id = `list-dropdown-list-${config.id}`;
|
|
89
96
|
listElement.propagateClick = false;
|
|
97
|
+
listElement.setAttribute('role', 'presentation');
|
|
90
98
|
return listElement;
|
|
91
99
|
}
|
|
92
100
|
/**
|
|
@@ -94,6 +102,7 @@ export function createList(config) {
|
|
|
94
102
|
* @param config
|
|
95
103
|
*/
|
|
96
104
|
export function createListItems(config, listElement, options, startIndex = 0, renderSelected = true) {
|
|
105
|
+
var _a, _b;
|
|
97
106
|
// Ensure the options are provided in the form a group (if no groups provided, then we have one anonymous group of options)
|
|
98
107
|
const groups = getOptionsByGroup(options || config.options);
|
|
99
108
|
const flatOptions = getFlattenedOptions(groups);
|
|
@@ -158,6 +167,8 @@ export function createListItems(config, listElement, options, startIndex = 0, re
|
|
|
158
167
|
listItemElement.value = option.value;
|
|
159
168
|
listItemElement.id = `list-dropdown-option-${config.id}-${optionIdIndex++}`;
|
|
160
169
|
listItemElement.style.cursor = 'pointer';
|
|
170
|
+
(_b = (_a = listItemElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(LIST_ITEM_CONSTANTS.selectors.LIST_ITEM)) === null || _b === void 0 ? void 0 : _b.removeAttribute('tabindex');
|
|
171
|
+
listItemElement.tabIndex = 0;
|
|
161
172
|
if (config.wrapOptionText) {
|
|
162
173
|
listItemElement.wrap = true;
|
|
163
174
|
}
|
|
@@ -263,7 +274,9 @@ export function createListItems(config, listElement, options, startIndex = 0, re
|
|
|
263
274
|
if (isSelected) {
|
|
264
275
|
listItemElement.selected = true;
|
|
265
276
|
}
|
|
266
|
-
|
|
277
|
+
if (config.type === ListDropdownType.Standard) {
|
|
278
|
+
listItemElement.setAttribute('aria-selected', isSelected ? 'true' : 'false');
|
|
279
|
+
}
|
|
267
280
|
// If we have any child options, we need to render a child menu for this list item
|
|
268
281
|
if (!option.disabled && typeof config.cascadingElementFactory === 'function' && Array.isArray(option.options) && option.options.length) {
|
|
269
282
|
// Create the trailing indicator icon to show that a child menu exists for this option.
|
|
@@ -9,6 +9,7 @@ import { IMenuComponent } from './menu';
|
|
|
9
9
|
import { IMenuSelectEventData, IMenuOptionGroup } from './menu-constants';
|
|
10
10
|
import { IListDropdownConfig } from '../list-dropdown';
|
|
11
11
|
export interface IMenuAdapter extends IBaseAdapter {
|
|
12
|
+
readonly targetElement: HTMLElement | null;
|
|
12
13
|
getDropdownElement(): HTMLElement | null;
|
|
13
14
|
initializeTarget(): void;
|
|
14
15
|
initializeAccessibility(id: string): void;
|
|
@@ -39,6 +40,7 @@ export declare class MenuAdapter extends BaseAdapter<IMenuComponent> implements
|
|
|
39
40
|
private _listDropdown?;
|
|
40
41
|
private _childMenus;
|
|
41
42
|
constructor(component: IMenuComponent);
|
|
43
|
+
get targetElement(): HTMLElement | null;
|
|
42
44
|
getDropdownElement(): HTMLElement | null;
|
|
43
45
|
hasTargetElement(): boolean;
|
|
44
46
|
initializeTarget(): void;
|
package/esm/menu/menu-adapter.js
CHANGED
|
@@ -12,6 +12,9 @@ export class MenuAdapter extends BaseAdapter {
|
|
|
12
12
|
super(component);
|
|
13
13
|
this._childMenus = new Map();
|
|
14
14
|
}
|
|
15
|
+
get targetElement() {
|
|
16
|
+
return this._targetElement;
|
|
17
|
+
}
|
|
15
18
|
getDropdownElement() {
|
|
16
19
|
var _a, _b;
|
|
17
20
|
return (_b = (_a = this._listDropdown) === null || _a === void 0 ? void 0 : _a.dropdownElement) !== null && _b !== void 0 ? _b : null;
|
|
@@ -223,6 +223,8 @@ export class MenuFoundation extends CascadingListDropdownAwareFoundation {
|
|
|
223
223
|
const selectedValues = this._persistSelection ? this._getSelectedValues() : [];
|
|
224
224
|
const config = {
|
|
225
225
|
id: this._identifier,
|
|
226
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
227
|
+
referenceElement: this._adapter.targetElement,
|
|
226
228
|
type: ListDropdownType.Menu,
|
|
227
229
|
options: this._options,
|
|
228
230
|
selectedValues,
|
|
@@ -29,7 +29,6 @@ export interface IBaseSelectAdapter extends IBaseAdapter {
|
|
|
29
29
|
setOptionsListener(listener: (options: ISelectOption[] | ISelectOptionGroup[]) => void): SelectOptionListenerDestructor;
|
|
30
30
|
setDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
|
|
31
31
|
appendDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
|
|
32
|
-
setMultiple(multiple: boolean): void;
|
|
33
32
|
isFocusWithinPopup(target: HTMLElement): boolean;
|
|
34
33
|
queueDropdownPositionUpdate(): void;
|
|
35
34
|
popupElement: HTMLElement | undefined;
|
|
@@ -44,7 +43,6 @@ export declare abstract class BaseSelectAdapter extends BaseAdapter<IBaseSelectC
|
|
|
44
43
|
abstract removeClickListener(listener: (evt: Event) => void): void;
|
|
45
44
|
abstract addTargetListener(type: string, listener: (evt: Event) => void): void;
|
|
46
45
|
abstract removeTargetListener(type: string, listener: (evt: Event) => void): void;
|
|
47
|
-
abstract setMultiple(multiple: boolean): void;
|
|
48
46
|
get popupElement(): HTMLElement | undefined;
|
|
49
47
|
getOptions(): ISelectOption[] | ISelectOptionGroup[];
|
|
50
48
|
private _createOptionsFromElements;
|
|
@@ -39,7 +39,6 @@ export class BaseSelectFoundation extends ListDropdownAwareFoundation {
|
|
|
39
39
|
}
|
|
40
40
|
initializeTarget() {
|
|
41
41
|
this._adapter.initializeAccessibility();
|
|
42
|
-
this._adapter.setMultiple(this._multiple);
|
|
43
42
|
this._adapter.addClickListener(this._clickListener);
|
|
44
43
|
this._adapter.addTargetListener('blur', this._blurListener);
|
|
45
44
|
this._adapter.addTargetListener('focus', this._focusListener);
|
|
@@ -116,6 +115,7 @@ export class BaseSelectFoundation extends ListDropdownAwareFoundation {
|
|
|
116
115
|
this._open = true;
|
|
117
116
|
const config = {
|
|
118
117
|
options: this._options,
|
|
118
|
+
referenceElement: this._adapter.hostElement,
|
|
119
119
|
multiple: this._multiple,
|
|
120
120
|
selectedValues: [...this._selectedValues],
|
|
121
121
|
id: this._identifier,
|
|
@@ -537,7 +537,6 @@ export class BaseSelectFoundation extends ListDropdownAwareFoundation {
|
|
|
537
537
|
if (this._open) {
|
|
538
538
|
this._closeDropdown();
|
|
539
539
|
}
|
|
540
|
-
this._adapter.setMultiple(this._multiple);
|
|
541
540
|
}
|
|
542
541
|
}
|
|
543
542
|
/** Gets/sets the open state of the dropdown. */
|
|
@@ -23,7 +23,6 @@ export declare class OptionComponent extends BaseComponent implements IOptionCom
|
|
|
23
23
|
static get observedAttributes(): string[];
|
|
24
24
|
private _foundation;
|
|
25
25
|
constructor();
|
|
26
|
-
initializedCallback(): void;
|
|
27
26
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
28
27
|
/** Gets/sets the value of this option. */
|
|
29
28
|
value: any;
|
|
@@ -35,11 +35,6 @@ let OptionComponent = class OptionComponent extends BaseComponent {
|
|
|
35
35
|
OPTION_CONSTANTS.attributes.TRAILING_ICON_TYPE
|
|
36
36
|
];
|
|
37
37
|
}
|
|
38
|
-
initializedCallback() {
|
|
39
|
-
if (!this.hasAttribute('role')) {
|
|
40
|
-
this.setAttribute('role', 'option');
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
38
|
attributeChangedCallback(name, oldValue, newValue) {
|
|
44
39
|
switch (name) {
|
|
45
40
|
case OPTION_CONSTANTS.attributes.VALUE:
|
|
@@ -75,7 +75,6 @@ export declare class SelectAdapter extends BaseSelectAdapter implements ISelectA
|
|
|
75
75
|
setRequired(isRequired: boolean): void;
|
|
76
76
|
setRoomy(isRoomy: boolean): void;
|
|
77
77
|
setDense(isDense: boolean): void;
|
|
78
|
-
setMultiple(multiple: boolean): void;
|
|
79
78
|
getLabelWidth(fontSize: number, fontFamily: string): number;
|
|
80
79
|
getLabelFontMetrics(): IFontInfo;
|
|
81
80
|
getTargetWidth(): number;
|
|
@@ -8,6 +8,7 @@ import { FloatingLabel } from '../../floating-label/floating-label';
|
|
|
8
8
|
import { SELECT_CONSTANTS } from './select-constants';
|
|
9
9
|
import { BaseSelectAdapter } from '../core';
|
|
10
10
|
import { FIELD_CONSTANTS } from '../../field/field-constants';
|
|
11
|
+
import { tryCreateAriaControlsPlaceholder, setAriaControls } from '../../core/utils';
|
|
11
12
|
/**
|
|
12
13
|
* The DOM adapter behind the `<forge-select>` component.
|
|
13
14
|
*/
|
|
@@ -30,6 +31,8 @@ export class SelectAdapter extends BaseSelectAdapter {
|
|
|
30
31
|
this._component.setAttribute('role', 'combobox');
|
|
31
32
|
this._component.setAttribute('aria-haspopup', 'true');
|
|
32
33
|
this._component.setAttribute('aria-expanded', 'false');
|
|
34
|
+
tryCreateAriaControlsPlaceholder();
|
|
35
|
+
setAriaControls(this._component);
|
|
33
36
|
// We need to ensure the host element receives a non-negative tabindex for our interactions to work properly
|
|
34
37
|
if (!this._component.hasAttribute('tabindex') || this._component.tabIndex === -1) {
|
|
35
38
|
this._component.tabIndex = 0;
|
|
@@ -80,7 +83,7 @@ export class SelectAdapter extends BaseSelectAdapter {
|
|
|
80
83
|
close() {
|
|
81
84
|
this._component.setAttribute('aria-expanded', 'false');
|
|
82
85
|
this._component.removeAttribute('aria-activedescendant');
|
|
83
|
-
this._component
|
|
86
|
+
setAriaControls(this._component);
|
|
84
87
|
toggleClass(this._selectElement, false, SELECT_CONSTANTS.classes.OPENED);
|
|
85
88
|
super.close();
|
|
86
89
|
}
|
|
@@ -124,14 +127,6 @@ export class SelectAdapter extends BaseSelectAdapter {
|
|
|
124
127
|
setDense(isDense) {
|
|
125
128
|
toggleClass(this._selectElement, isDense, FIELD_CONSTANTS.classes.DENSE);
|
|
126
129
|
}
|
|
127
|
-
setMultiple(multiple) {
|
|
128
|
-
if (multiple) {
|
|
129
|
-
this.setHostAttribute('aria-multiselectable', 'true');
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
this.removeHostAttribute('aria-multiselectable');
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
130
|
getLabelWidth(fontSize, fontFamily) {
|
|
136
131
|
return calculateFontWidth(this._labelElement.innerText, { fontSize, fontFamily });
|
|
137
132
|
}
|
|
@@ -26,7 +26,6 @@ export declare class SelectDropdownAdapter extends BaseSelectAdapter implements
|
|
|
26
26
|
close(): void;
|
|
27
27
|
attach(selector: string): void;
|
|
28
28
|
detach(): void;
|
|
29
|
-
setMultiple(multiple: boolean): void;
|
|
30
29
|
setTargetDisconnectedListener(cb: () => void): () => void;
|
|
31
30
|
isAttached(): boolean;
|
|
32
31
|
setTargetText(text: string, selector: string): void;
|
|
@@ -68,17 +68,6 @@ export class SelectDropdownAdapter extends BaseSelectAdapter {
|
|
|
68
68
|
detach() {
|
|
69
69
|
this._targetElement = undefined;
|
|
70
70
|
}
|
|
71
|
-
setMultiple(multiple) {
|
|
72
|
-
if (!this._targetElement) {
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
if (multiple) {
|
|
76
|
-
this._targetElement.setAttribute('aria-multiselectable', 'true');
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
this._targetElement.removeAttribute('aria-multiselectable');
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
71
|
setTargetDisconnectedListener(cb) {
|
|
83
72
|
if (!this._targetElement || !this._targetElement.parentElement) {
|
|
84
73
|
return () => { };
|
|
@@ -14,7 +14,7 @@ import { SplitViewPanelAdapter } from './split-view-panel-adapter';
|
|
|
14
14
|
import { IconComponent, IconRegistry } from '../../icon';
|
|
15
15
|
import { RippleComponent } from '../../ripple';
|
|
16
16
|
const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-ripple id=\"ripple\" part=\"ripple\"></forge-ripple></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
|
|
17
|
-
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-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uwjxatd;animation-name:uwjxatd;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uwjxatd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uwjxatd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uwjxatj;animation-name:uwjxatj;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uwjxatj{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uwjxatj{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uwjxatt;animation-name:uwjxatt;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uwjxatt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes uwjxatt{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:uwjxau8;animation-name:uwjxau8;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uwjxau8{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes uwjxau8{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uwjxav5;animation-name:uwjxav5;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uwjxav5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uwjxav5{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uwjxavc;animation-name:uwjxavc;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes uwjxavc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uwjxavc{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:uwjxavo;animation-name:uwjxavo;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uwjxavo{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes uwjxavo{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:uwjxaw6;animation-name:uwjxaw6;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes uwjxaw6{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes uwjxaw6{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
|
|
17
|
+
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-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfeoy;animation-name:ukqfeoy;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfeoy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes ukqfeoy{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:ukqfepi;animation-name:ukqfepi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfepi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes ukqfepi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfepu;animation-name:ukqfepu;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfepu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes ukqfepu{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:ukqfequ;animation-name:ukqfequ;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfequ{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes ukqfequ{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqferd;animation-name:ukqferd;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqferd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes ukqferd{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:ukqfes9;animation-name:ukqfes9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes ukqfes9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes ukqfes9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:ukqfesh;animation-name:ukqfesh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfesh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes ukqfesh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:ukqfeta;animation-name:ukqfeta;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes ukqfeta{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes ukqfeta{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
|
|
18
18
|
/**
|
|
19
19
|
* The custom element class behind the `<forge-split-view-panel>` element.
|
|
20
20
|
*
|