@tylertech/forge 2.11.0 → 2.12.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 +220 -4
- 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/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.I33ZJKOX.js → chunk.2SAHWDGJ.js} +2 -2
- package/dist/esm/chunks/{chunk.I33ZJKOX.js.map → chunk.2SAHWDGJ.js.map} +0 -0
- package/dist/esm/chunks/chunk.2VFX652S.js +12 -0
- package/dist/esm/chunks/{chunk.52JUDHTJ.js.map → chunk.2VFX652S.js.map} +0 -0
- package/dist/esm/chunks/{chunk.24BSMZM3.js → chunk.4HI4HGZ6.js} +2 -2
- package/dist/esm/chunks/{chunk.24BSMZM3.js.map → chunk.4HI4HGZ6.js.map} +0 -0
- package/dist/esm/chunks/{chunk.DGQAYNAF.js → chunk.4KBQ5AJJ.js} +2 -2
- package/dist/esm/chunks/{chunk.DGQAYNAF.js.map → chunk.4KBQ5AJJ.js.map} +0 -0
- package/dist/esm/chunks/{chunk.XURVHDKR.js → chunk.4WFU5CVF.js} +2 -2
- package/dist/esm/chunks/{chunk.XURVHDKR.js.map → chunk.4WFU5CVF.js.map} +0 -0
- package/dist/esm/chunks/{chunk.55JE4FLS.js → chunk.5PQTSZ7G.js} +2 -2
- package/dist/esm/chunks/{chunk.55JE4FLS.js.map → chunk.5PQTSZ7G.js.map} +0 -0
- package/dist/esm/chunks/{chunk.EM3OQRZP.js → chunk.77FVTUTL.js} +2 -2
- package/dist/esm/chunks/{chunk.EM3OQRZP.js.map → chunk.77FVTUTL.js.map} +0 -0
- package/dist/esm/chunks/chunk.7GTCDP5H.js +7 -0
- package/dist/esm/chunks/{chunk.JB6U32SJ.js.map → chunk.7GTCDP5H.js.map} +2 -2
- package/dist/esm/chunks/{chunk.KLHXGSZU.js → chunk.7O7V3N4A.js} +2 -2
- package/dist/esm/chunks/{chunk.KLHXGSZU.js.map → chunk.7O7V3N4A.js.map} +0 -0
- package/dist/esm/chunks/{chunk.ESW45SN4.js → chunk.7PHGAX6P.js} +2 -2
- package/dist/esm/chunks/{chunk.ESW45SN4.js.map → chunk.7PHGAX6P.js.map} +0 -0
- package/dist/esm/chunks/{chunk.VEVOKTUX.js → chunk.7TKJAZTM.js} +2 -2
- package/dist/esm/chunks/{chunk.VEVOKTUX.js.map → chunk.7TKJAZTM.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WAEWHBHE.js → chunk.APGFXXJ7.js} +2 -2
- package/dist/esm/chunks/{chunk.WAEWHBHE.js.map → chunk.APGFXXJ7.js.map} +0 -0
- package/dist/esm/chunks/{chunk.5GFDXNIU.js → chunk.BFNAQQCU.js} +2 -2
- package/dist/esm/chunks/{chunk.5GFDXNIU.js.map → chunk.BFNAQQCU.js.map} +0 -0
- package/dist/esm/chunks/{chunk.G5BCWBD5.js → chunk.BOENNFXE.js} +2 -2
- package/dist/esm/chunks/{chunk.G5BCWBD5.js.map → chunk.BOENNFXE.js.map} +0 -0
- package/dist/esm/chunks/chunk.CVJTQY2T.js +7 -0
- package/dist/esm/chunks/chunk.CVJTQY2T.js.map +7 -0
- package/dist/esm/chunks/{chunk.RS5NH2NG.js → chunk.FPV4XEUK.js} +2 -2
- package/dist/esm/chunks/{chunk.RS5NH2NG.js.map → chunk.FPV4XEUK.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WZRXUTYC.js → chunk.G77PXLAU.js} +2 -2
- package/dist/esm/chunks/{chunk.WZRXUTYC.js.map → chunk.G77PXLAU.js.map} +0 -0
- package/dist/esm/chunks/{chunk.2A3CKLXJ.js → chunk.I2YRKTG7.js} +2 -2
- package/dist/esm/chunks/{chunk.2A3CKLXJ.js.map → chunk.I2YRKTG7.js.map} +0 -0
- package/dist/esm/chunks/{chunk.AFZB3MG5.js → chunk.IFZXG3LI.js} +2 -2
- package/dist/esm/chunks/{chunk.AFZB3MG5.js.map → chunk.IFZXG3LI.js.map} +0 -0
- package/dist/esm/chunks/{chunk.OHCHNL3V.js → chunk.JNOCXQVB.js} +2 -2
- package/dist/esm/chunks/{chunk.OHCHNL3V.js.map → chunk.JNOCXQVB.js.map} +2 -2
- package/dist/esm/chunks/chunk.K6LZM6DS.js +7 -0
- package/dist/esm/chunks/{chunk.SFFYXKJW.js.map → chunk.K6LZM6DS.js.map} +2 -2
- package/dist/esm/chunks/{chunk.5SRA2RH3.js → chunk.KKF2ZZMD.js} +2 -2
- package/dist/esm/chunks/{chunk.5SRA2RH3.js.map → chunk.KKF2ZZMD.js.map} +0 -0
- package/dist/esm/chunks/chunk.KYCC3C3M.js +7 -0
- package/dist/esm/chunks/{chunk.AABG6MSC.js.map → chunk.KYCC3C3M.js.map} +2 -2
- package/dist/esm/chunks/{chunk.NEGJYSPB.js → chunk.LLHA3SQR.js} +2 -2
- package/dist/esm/chunks/{chunk.NEGJYSPB.js.map → chunk.LLHA3SQR.js.map} +0 -0
- package/dist/esm/chunks/{chunk.JXQZMASB.js → chunk.OAKTW64X.js} +2 -2
- package/dist/esm/chunks/{chunk.JXQZMASB.js.map → chunk.OAKTW64X.js.map} +0 -0
- package/dist/esm/chunks/{chunk.CSOY4C7A.js → chunk.OG2BI3UW.js} +2 -2
- package/dist/esm/chunks/{chunk.CSOY4C7A.js.map → chunk.OG2BI3UW.js.map} +2 -2
- package/dist/esm/chunks/{chunk.NJHQA266.js → chunk.OPTMTRWL.js} +2 -2
- package/dist/esm/chunks/{chunk.NJHQA266.js.map → chunk.OPTMTRWL.js.map} +0 -0
- package/dist/esm/chunks/{chunk.AHOQXJRN.js → chunk.P6B3UWJ5.js} +2 -2
- package/dist/esm/chunks/{chunk.AHOQXJRN.js.map → chunk.P6B3UWJ5.js.map} +0 -0
- package/dist/esm/chunks/{chunk.W7UTHKBF.js → chunk.Q6L7T6OJ.js} +2 -2
- package/dist/esm/chunks/{chunk.W7UTHKBF.js.map → chunk.Q6L7T6OJ.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WGE5R5JK.js → chunk.QBDE7M3E.js} +2 -2
- package/dist/esm/chunks/{chunk.WGE5R5JK.js.map → chunk.QBDE7M3E.js.map} +0 -0
- package/dist/esm/chunks/{chunk.DJSOBAWA.js → chunk.SJSLC6XF.js} +2 -2
- package/dist/esm/chunks/{chunk.DJSOBAWA.js.map → chunk.SJSLC6XF.js.map} +0 -0
- package/dist/esm/chunks/{chunk.YFIDBZ7V.js → chunk.SLZFPWOH.js} +2 -2
- package/dist/esm/chunks/{chunk.YFIDBZ7V.js.map → chunk.SLZFPWOH.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WKKNDQYZ.js → chunk.SVHVGMKS.js} +2 -2
- package/dist/esm/chunks/{chunk.WKKNDQYZ.js.map → chunk.SVHVGMKS.js.map} +0 -0
- package/dist/esm/chunks/{chunk.WMO47F6Z.js → chunk.TLHI6K2R.js} +2 -2
- package/dist/esm/chunks/{chunk.WMO47F6Z.js.map → chunk.TLHI6K2R.js.map} +0 -0
- package/dist/esm/chunks/{chunk.6BKOGBE6.js → chunk.TR64DV3G.js} +2 -2
- package/dist/esm/chunks/{chunk.6BKOGBE6.js.map → chunk.TR64DV3G.js.map} +0 -0
- package/dist/esm/chunks/chunk.UHVCXKB4.js +7 -0
- package/dist/esm/chunks/chunk.UHVCXKB4.js.map +7 -0
- package/dist/esm/chunks/{chunk.MTMZFAWU.js → chunk.V7P3QPNM.js} +2 -2
- package/dist/esm/chunks/{chunk.MTMZFAWU.js.map → chunk.V7P3QPNM.js.map} +0 -0
- package/dist/esm/chunks/{chunk.DFUNN5IP.js → chunk.WALEAV54.js} +2 -2
- package/dist/esm/chunks/{chunk.DFUNN5IP.js.map → chunk.WALEAV54.js.map} +0 -0
- package/dist/esm/chunks/{chunk.SNGELGOD.js → chunk.WV45FGTW.js} +2 -2
- package/dist/esm/chunks/{chunk.SNGELGOD.js.map → chunk.WV45FGTW.js.map} +0 -0
- package/dist/esm/chunks/{chunk.RZL6S3K3.js → chunk.Y6MPWPZU.js} +2 -2
- package/dist/esm/chunks/{chunk.RZL6S3K3.js.map → chunk.Y6MPWPZU.js.map} +0 -0
- package/dist/esm/chunks/{chunk.7TQYFMM4.js → chunk.YAJT3P6V.js} +2 -2
- package/dist/esm/chunks/{chunk.7TQYFMM4.js.map → chunk.YAJT3P6V.js.map} +0 -0
- package/dist/esm/chunks/{chunk.57XBS3DF.js → chunk.YSE5EMB3.js} +2 -2
- package/dist/esm/chunks/{chunk.57XBS3DF.js.map → chunk.YSE5EMB3.js.map} +0 -0
- package/dist/esm/chunks/{chunk.KZHMDZVS.js → chunk.YWKKZLZ2.js} +2 -2
- package/dist/esm/chunks/{chunk.KZHMDZVS.js.map → chunk.YWKKZLZ2.js.map} +0 -0
- package/dist/esm/chunks/{chunk.77WNSJ3T.js → chunk.YX5SWK3O.js} +2 -2
- package/dist/esm/chunks/{chunk.77WNSJ3T.js.map → chunk.YX5SWK3O.js.map} +0 -0
- package/dist/esm/chunks/{chunk.7WWP6WI6.js → chunk.Z5P6EA5L.js} +2 -2
- package/dist/esm/chunks/{chunk.7WWP6WI6.js.map → chunk.Z5P6EA5L.js.map} +0 -0
- package/dist/esm/chunks/chunk.ZFUVXYDL.js +7 -0
- package/dist/esm/chunks/chunk.ZFUVXYDL.js.map +7 -0
- package/dist/esm/chunks/{chunk.5HUDHTAK.js → chunk.ZHXPL2MS.js} +2 -2
- package/dist/esm/chunks/{chunk.5HUDHTAK.js.map → chunk.ZHXPL2MS.js.map} +0 -0
- 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/dialog/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-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/time-picker/index.js +1 -1
- package/dist/esm/toast/index.js +1 -1
- package/dist/esm/toolbar/index.js +1 -1
- package/esm/autocomplete/autocomplete-adapter.d.ts +2 -0
- package/esm/autocomplete/autocomplete-adapter.js +10 -0
- package/esm/autocomplete/autocomplete-foundation.d.ts +1 -0
- package/esm/autocomplete/autocomplete-foundation.js +9 -0
- package/esm/core/utils/utils.d.ts +6 -0
- package/esm/core/utils/utils.js +10 -0
- package/esm/expansion-panel/expansion-panel-foundation.js +2 -2
- package/esm/menu/menu-foundation.d.ts +1 -0
- package/esm/menu/menu-foundation.js +6 -3
- package/esm/select/core/base-select-adapter.d.ts +2 -0
- package/esm/select/core/base-select-adapter.js +17 -7
- package/esm/select/core/base-select-foundation.d.ts +1 -0
- package/esm/select/core/base-select-foundation.js +7 -0
- package/esm/split-view/split-view/split-view-adapter.d.ts +4 -0
- package/esm/split-view/split-view/split-view-adapter.js +7 -1
- package/esm/split-view/split-view/split-view-foundation.d.ts +4 -0
- package/esm/split-view/split-view/split-view-foundation.js +12 -0
- package/esm/split-view/split-view/split-view.d.ts +5 -0
- package/esm/split-view/split-view/split-view.js +5 -0
- package/esm/split-view/split-view-panel/split-view-panel-foundation.js +2 -2
- package/esm/split-view/split-view-panel/split-view-panel.d.ts +5 -0
- package/esm/split-view/split-view-panel/split-view-panel.js +6 -1
- package/esm/toolbar/toolbar.js +1 -1
- package/package.json +1 -1
- package/styles/toolbar/_mixins.scss +2 -2
- package/styles/toolbar/toolbar.scss +6 -0
- package/dist/esm/chunks/chunk.52JUDHTJ.js +0 -12
- package/dist/esm/chunks/chunk.AABG6MSC.js +0 -7
- package/dist/esm/chunks/chunk.HMZ24WLE.js +0 -7
- package/dist/esm/chunks/chunk.HMZ24WLE.js.map +0 -7
- package/dist/esm/chunks/chunk.JB6U32SJ.js +0 -7
- package/dist/esm/chunks/chunk.OWTGOW7S.js +0 -7
- package/dist/esm/chunks/chunk.OWTGOW7S.js.map +0 -7
- package/dist/esm/chunks/chunk.SFFYXKJW.js +0 -7
- package/dist/esm/chunks/chunk.WSGJIPQJ.js +0 -7
- package/dist/esm/chunks/chunk.WSGJIPQJ.js.map +0 -7
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as y}from"./chunk.AHOQXJRN.js";import{a as A}from"./chunk.A23NSEWA.js";import{a as d}from"./chunk.B3IJU6XJ.js";import{a as f,b as T}from"./chunk.BSZ2LBJX.js";import{a as I}from"./chunk.3E5QKMHL.js";import{a as N,e as O,g as h}from"./chunk.HN4PXH3D.js";import{k as v,o as u}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var L=`${T}expansion-panel`,c={CONTAINER:"forge-expansion-panel",HEADER:"forge-expansion-panel__header",CONTENT:"forge-expansion-panel__content"},C={CONTAINER:`.${c.CONTAINER}`,HEADER:`.${c.HEADER}`,CONTENT:`.${c.CONTENT}`,HEADER_SLOT:`.${c.HEADER} > slot[name=header]`,OPEN_ICON:`[slot=header] ${y.elementName}`},x={TOGGLE:`${L}-toggle`},k={OPEN:"open",ORIENTATION:"orientation",USE_ANIMATIONS:"use-animations"},p={COLLAPSE_ANIMATION_DURATION:400,CLICK_DEBOUNCE_THRESHOLD:200},S={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal",EXPANSION_VERTICAL_TRANSITION:`height ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,EXPANSION_HORIZONTAL_TRANSITION:`width ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`},i={elementName:L,classes:c,selectors:C,events:x,attributes:k,numbers:p,strings:S};var _=class extends A{constructor(t){super(t);this._headerElement=h(this._component,i.selectors.HEADER),this._contentElement=h(this._component,i.selectors.CONTENT),this._headerSlotElement=h(this._component,i.selectors.HEADER_SLOT)}initialize(t,n="vertical"){let r=this._headerElement.children[0].assignedNodes();if(this.setHeaderVisibility(!!r.length),n===i.strings.ORIENTATION_HORIZONTAL&&(this._contentElement.style.height="",this._contentElement.style.width="0px"),t){n==="vertical"?this._contentElement.style.height="":this._contentElement.style.width="",this._contentElement.style.removeProperty("opacity"),this._contentElement.style.removeProperty("visibility");let l=this._component.querySelector(i.selectors.OPEN_ICON);l&&(l.open=!0)}this._headerElement.setAttribute("aria-expanded",t?"true":"false")}setHeaderVisibility(t){t?this._headerElement.style.display="":this._headerElement.style.display="none"}setOpenState(t,n=i.strings.ORIENTATION_VERTICAL,r=!0){let l=this._contentElement.children[0].assignedNodes(),s=this._component.querySelector(i.selectors.OPEN_ICON);if(r&&l&&l.length&&l[0]){let E=({propertyName:g})=>{if(this._component.open!==t){this._contentElement.removeEventListener("transitionend",E);return}(g==="height"||g==="width")&&(this._contentElement.removeEventListener("transitionend",E),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("opacity")):this._contentElement.style.visibility="hidden")};this._contentElement.addEventListener("transitionend",E),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.removeProperty("visibility")):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1"),n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.transition=i.strings.EXPANSION_HORIZONTAL_TRANSITION:this._contentElement.style.transition=i.strings.EXPANSION_VERTICAL_TRANSITION,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1",this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))})})}else this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("visibility"),this._contentElement.style.removeProperty("opacity"),this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.visibility="hidden",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))}registerClickListener(t){this._headerElement.addEventListener("click",t)}deregisterClickListener(t){this._headerElement.removeEventListener("click",t)}registerKeydownListener(t){this._headerElement.addEventListener("keydown",t)}deregisterKeydownListener(t){this._headerElement.removeEventListener("keydown",t)}registerHeaderSlotListener(t){this._headerSlotElement.addEventListener("slotchange",t)}deregisterHeaderSlotListener(t){this._headerSlotElement.removeEventListener("slotchange",t)}};var m=class{constructor(e){this._adapter=e;this._open=!1;this._useAnimations=!0;this._orientation=i.strings.ORIENTATION_VERTICAL;this._isInitialized=!1;this._clickListener=u(t=>this._onClick(t),i.numbers.CLICK_DEBOUNCE_THRESHOLD,!0),this._keydownListener=t=>this._onKeydown(t),this._headerSlotChangeListener=t=>this._onHeaderSlotChanged(t)}initialize(){this.connect(),this._adapter.initialize(this._open,this._orientation),this._isInitialized=!0}connect(){this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener),this._adapter.registerClickListener(this._clickListener),this._adapter.registerKeydownListener(this._keydownListener)}disconnect(){this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener),this._adapter.deregisterClickListener(this._clickListener),this._adapter.deregisterKeydownListener(this._keydownListener)}setOpenImmediate(e){e?this._openPanel(!1):this._closePanel(!1)}_applyOpen(e){if(!this._isInitialized){this._open=e;return}e?this._openCallback?Promise.resolve(this._openCallback()).then(()=>{this._open=e,this._openPanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._openPanel(this._useAnimations)):this._closeCallback?Promise.resolve(this._closeCallback()).then(()=>{this._open=e,this._closePanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._closePanel(this._useAnimations))}get open(){return this._open}set open(e){e=Boolean(e),this._open!==e&&this._applyOpen(e)}get openCallback(){return this._openCallback}set openCallback(e){this._openCallback=e}get closeCallback(){return this._closeCallback}set closeCallback(e){this._closeCallback=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get useAnimations(){return this._useAnimations}set useAnimations(e){this._useAnimations!==!!e&&(this._useAnimations=!!e,this._adapter.setHostAttribute(i.attributes.USE_ANIMATIONS,`${this._useAnimations}`))}_onClick(e){e.stopPropagation(),this._toggle(),this._emitEvent()}_onKeydown(e){e.stopPropagation(),(e.key==="Space"||e.key==="Enter"||e.keyCode===32||e.keyCode===13)&&(e.preventDefault(),this._toggle(),this._emitEvent())}_emitEvent(){this._adapter.emitHostEvent(i.events.TOGGLE,this._open)}_toggle(){this.open=!this.open}_openPanel(e){this._adapter.setHostAttribute(i.attributes.OPEN,""),this._adapter.setOpenState(!0,this._orientation,e)}_closePanel(e){this._adapter.removeHostAttribute(i.attributes.OPEN),this._adapter.setOpenState(!1,this._orientation,e)}_onHeaderSlotChanged(e){this._adapter.setHeaderVisibility(!!e.target.assignedNodes().length)}};var P='<template><div class="forge-expansion-panel" part="root"><div class="forge-expansion-panel__header" role="button" aria-controls="content" aria-expanded="false" part="header"><slot name="header"></slot></div><div id="content" role="group" class="forge-expansion-panel__content" style="height: 0; opacity: 0; visibility: hidden;" part="content"><slot></slot></div></div></template>',R=".forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}",o=class extends I{constructor(){super();O(this,P,R),this._foundation=new m(new _(this))}static get observedAttributes(){return[i.attributes.OPEN,i.attributes.ORIENTATION,i.attributes.USE_ANIMATIONS]}initializedCallback(){this._foundation.initialize()}connectedCallback(){this._foundation.connect()}attributeChangedCallback(t,n,r){switch(t){case i.attributes.OPEN:this.open=v(r);break;case i.attributes.ORIENTATION:this.orientation=r;break;case i.attributes.USE_ANIMATIONS:this.useAnimations=v(r);break}}disconnectedCallback(){this._foundation.disconnect()}toggle(){this.open=!this.open}setOpenImmediate(t){this._foundation.setOpenImmediate(t)}};a([d()],o.prototype,"open",2),a([d()],o.prototype,"openCallback",2),a([d()],o.prototype,"closeCallback",2),a([d()],o.prototype,"orientation",2),a([d()],o.prototype,"useAnimations",2),o=a([f({name:i.elementName})],o);function te(){N(o)}export{i as a,_ as b,m as c,o as d,te as e};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a as y}from"./chunk.P6B3UWJ5.js";import{a as A}from"./chunk.A23NSEWA.js";import{a as d}from"./chunk.B3IJU6XJ.js";import{a as f,b as T}from"./chunk.BSZ2LBJX.js";import{a as I}from"./chunk.3E5QKMHL.js";import{a as N,e as O,g as h}from"./chunk.HN4PXH3D.js";import{k as v,o as u}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var L=`${T}expansion-panel`,c={CONTAINER:"forge-expansion-panel",HEADER:"forge-expansion-panel__header",CONTENT:"forge-expansion-panel__content"},C={CONTAINER:`.${c.CONTAINER}`,HEADER:`.${c.HEADER}`,CONTENT:`.${c.CONTENT}`,HEADER_SLOT:`.${c.HEADER} > slot[name=header]`,OPEN_ICON:`[slot=header] ${y.elementName}`},x={TOGGLE:`${L}-toggle`},k={OPEN:"open",ORIENTATION:"orientation",USE_ANIMATIONS:"use-animations"},p={COLLAPSE_ANIMATION_DURATION:400,CLICK_DEBOUNCE_THRESHOLD:200},P={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal",EXPANSION_VERTICAL_TRANSITION:`height ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,EXPANSION_HORIZONTAL_TRANSITION:`width ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`},i={elementName:L,classes:c,selectors:C,events:x,attributes:k,numbers:p,strings:P};var _=class extends A{constructor(t){super(t);this._headerElement=h(this._component,i.selectors.HEADER),this._contentElement=h(this._component,i.selectors.CONTENT),this._headerSlotElement=h(this._component,i.selectors.HEADER_SLOT)}initialize(t,n="vertical"){let r=this._headerElement.children[0].assignedNodes();if(this.setHeaderVisibility(!!r.length),n===i.strings.ORIENTATION_HORIZONTAL&&(this._contentElement.style.height="",this._contentElement.style.width="0px"),t){n==="vertical"?this._contentElement.style.height="":this._contentElement.style.width="",this._contentElement.style.removeProperty("opacity"),this._contentElement.style.removeProperty("visibility");let l=this._component.querySelector(i.selectors.OPEN_ICON);l&&(l.open=!0)}this._headerElement.setAttribute("aria-expanded",t?"true":"false")}setHeaderVisibility(t){t?this._headerElement.style.display="":this._headerElement.style.display="none"}setOpenState(t,n=i.strings.ORIENTATION_VERTICAL,r=!0){let l=this._contentElement.children[0].assignedNodes(),s=this._component.querySelector(i.selectors.OPEN_ICON);if(r&&l&&l.length&&l[0]){let E=({propertyName:g})=>{if(this._component.open!==t){this._contentElement.removeEventListener("transitionend",E);return}(g==="height"||g==="width")&&(this._contentElement.removeEventListener("transitionend",E),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("opacity")):this._contentElement.style.visibility="hidden")};this._contentElement.addEventListener("transitionend",E),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.removeProperty("visibility")):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1"),n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.transition=i.strings.EXPANSION_HORIZONTAL_TRANSITION:this._contentElement.style.transition=i.strings.EXPANSION_VERTICAL_TRANSITION,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1",this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))})})}else this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("visibility"),this._contentElement.style.removeProperty("opacity"),this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.visibility="hidden",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))}registerClickListener(t){this._headerElement.addEventListener("click",t)}deregisterClickListener(t){this._headerElement.removeEventListener("click",t)}registerKeydownListener(t){this._headerElement.addEventListener("keydown",t)}deregisterKeydownListener(t){this._headerElement.removeEventListener("keydown",t)}registerHeaderSlotListener(t){this._headerSlotElement.addEventListener("slotchange",t)}deregisterHeaderSlotListener(t){this._headerSlotElement.removeEventListener("slotchange",t)}};var m=class{constructor(e){this._adapter=e;this._open=!1;this._useAnimations=!0;this._orientation=i.strings.ORIENTATION_VERTICAL;this._isInitialized=!1;this._clickListener=u(t=>this._onClick(t),i.numbers.CLICK_DEBOUNCE_THRESHOLD,!0),this._keydownListener=t=>this._onKeydown(t),this._headerSlotChangeListener=t=>this._onHeaderSlotChanged(t)}initialize(){this.connect(),this._adapter.initialize(this._open,this._orientation),this._isInitialized=!0}connect(){this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener),this._adapter.registerClickListener(this._clickListener),this._adapter.registerKeydownListener(this._keydownListener)}disconnect(){this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener),this._adapter.deregisterClickListener(this._clickListener),this._adapter.deregisterKeydownListener(this._keydownListener)}setOpenImmediate(e){e?this._openPanel(!1):this._closePanel(!1)}_applyOpen(e){if(!this._isInitialized){this._open=e;return}e?this._openCallback?Promise.resolve(this._openCallback()).then(()=>{this._open=e,this._openPanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._openPanel(this._useAnimations)):this._closeCallback?Promise.resolve(this._closeCallback()).then(()=>{this._open=e,this._closePanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._closePanel(this._useAnimations))}get open(){return this._open}set open(e){e=Boolean(e),this._open!==e&&this._applyOpen(e)}get openCallback(){return this._openCallback}set openCallback(e){this._openCallback=e}get closeCallback(){return this._closeCallback}set closeCallback(e){this._closeCallback=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get useAnimations(){return this._useAnimations}set useAnimations(e){this._useAnimations!==!!e&&(this._useAnimations=!!e,this._adapter.setHostAttribute(i.attributes.USE_ANIMATIONS,`${this._useAnimations}`))}_onClick(e){e.stopPropagation(),this._toggle(),this._emitEvent()}_onKeydown(e){(e.key===" "||e.key==="Enter")&&(e.stopPropagation(),e.preventDefault(),this._toggle(),this._emitEvent())}_emitEvent(){this._adapter.emitHostEvent(i.events.TOGGLE,this._open)}_toggle(){this.open=!this.open}_openPanel(e){this._adapter.setHostAttribute(i.attributes.OPEN,""),this._adapter.setOpenState(!0,this._orientation,e)}_closePanel(e){this._adapter.removeHostAttribute(i.attributes.OPEN),this._adapter.setOpenState(!1,this._orientation,e)}_onHeaderSlotChanged(e){this._adapter.setHeaderVisibility(!!e.target.assignedNodes().length)}};var S='<template><div class="forge-expansion-panel" part="root"><div class="forge-expansion-panel__header" role="button" aria-controls="content" aria-expanded="false" part="header"><slot name="header"></slot></div><div id="content" role="group" class="forge-expansion-panel__content" style="height: 0; opacity: 0; visibility: hidden;" part="content"><slot></slot></div></div></template>',R=".forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}",o=class extends I{constructor(){super();O(this,S,R),this._foundation=new m(new _(this))}static get observedAttributes(){return[i.attributes.OPEN,i.attributes.ORIENTATION,i.attributes.USE_ANIMATIONS]}initializedCallback(){this._foundation.initialize()}connectedCallback(){this._foundation.connect()}attributeChangedCallback(t,n,r){switch(t){case i.attributes.OPEN:this.open=v(r);break;case i.attributes.ORIENTATION:this.orientation=r;break;case i.attributes.USE_ANIMATIONS:this.useAnimations=v(r);break}}disconnectedCallback(){this._foundation.disconnect()}toggle(){this.open=!this.open}setOpenImmediate(t){this._foundation.setOpenImmediate(t)}};a([d()],o.prototype,"open",2),a([d()],o.prototype,"openCallback",2),a([d()],o.prototype,"closeCallback",2),a([d()],o.prototype,"orientation",2),a([d()],o.prototype,"useAnimations",2),o=a([f({name:i.elementName})],o);function te(){N(o)}export{i as a,_ as b,m as c,o as d,te as e};
|
|
7
|
+
//# sourceMappingURL=chunk.OG2BI3UW.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/expansion-panel/expansion-panel-constants.ts", "../../src/expansion-panel/expansion-panel-adapter.ts", "../../src/expansion-panel/expansion-panel-foundation.ts", "../../src/expansion-panel/expansion-panel.ts", "../../src/expansion-panel/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n CONTAINER: 'forge-expansion-panel',\n HEADER: 'forge-expansion-panel__header',\n CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n CONTAINER: `.${classes.CONTAINER}`,\n HEADER: `.${classes.HEADER}`,\n CONTENT: `.${classes.CONTENT}`,\n HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n OPEN: 'open',\n ORIENTATION: 'orientation',\n USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n COLLAPSE_ANIMATION_DURATION: 400,\n CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n ORIENTATION_VERTICAL: 'vertical',\n ORIENTATION_HORIZONTAL: 'horizontal',\n EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n elementName,\n classes,\n selectors,\n events,\n attributes,\n numbers,\n strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n initialize: (open: boolean, orientation: string) => void;\n setHeaderVisibility: (visible: boolean) => void;\n setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n private _headerElement: HTMLElement;\n private _contentElement: HTMLElement;\n private _headerSlotElement: HTMLSlotElement;\n\n constructor(component: IExpansionPanelComponent) {\n super(component);\n this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n }\n\n public initialize(open: boolean, orientation = 'vertical'): void {\n const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n this.setHeaderVisibility(!!assignedNodes.length);\n\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.height = '';\n this._contentElement.style.width = '0px';\n }\n\n if (open) {\n if (orientation === 'vertical') {\n this._contentElement.style.height = '';\n } else {\n this._contentElement.style.width = '';\n }\n this._contentElement.style.removeProperty('opacity');\n this._contentElement.style.removeProperty('visibility');\n const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n if (openIconElement) {\n openIconElement.open = true;\n }\n }\n\n this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n }\n\n public setHeaderVisibility(visible: boolean): void {\n if (visible) {\n this._headerElement.style.display = '';\n } else {\n this._headerElement.style.display = 'none';\n }\n }\n\n public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n // If the state has changed since it started, then ignore the transition\n if (this._component.open !== opening) {\n this._contentElement.removeEventListener('transitionend', transitionEndListener);\n return;\n }\n if (propertyName === 'height' || propertyName === 'width') {\n this._contentElement.removeEventListener('transitionend', transitionEndListener);\n this._contentElement.style.removeProperty('transition');\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '';\n } else {\n this._contentElement.style.height = '';\n }\n this._contentElement.style.removeProperty('opacity');\n } else {\n // We set to hidden to ensure that collapsed elements are non-interactive\n this._contentElement.style.visibility = 'hidden';\n }\n }\n };\n this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._contentElement.style.removeProperty('visibility');\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n } else {\n this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n }\n this._contentElement.style.opacity = '1';\n }\n\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n } else {\n this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n }\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n } else {\n this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n }\n this._contentElement.style.opacity = '1';\n this._headerElement.setAttribute('aria-expanded', 'true');\n if (openIconElement) {\n openIconElement.open = true;\n }\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._headerElement.setAttribute('aria-expanded', 'false');\n if (openIconElement) {\n openIconElement.open = false;\n }\n }\n });\n });\n } else {\n this._contentElement.style.removeProperty('transition');\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '';\n } else {\n this._contentElement.style.height = '';\n }\n this._contentElement.style.removeProperty('visibility');\n this._contentElement.style.removeProperty('opacity');\n this._headerElement.setAttribute('aria-expanded', 'true');\n if (openIconElement) {\n openIconElement.open = true;\n }\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._contentElement.style.visibility = 'hidden';\n this._headerElement.setAttribute('aria-expanded', 'false');\n if (openIconElement) {\n openIconElement.open = false;\n }\n }\n }\n }\n\n public registerClickListener(listener: (evt: MouseEvent) => void): void {\n this._headerElement.addEventListener('click', listener);\n }\n\n public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n this._headerElement.removeEventListener('click', listener);\n }\n\n public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n this._headerElement.addEventListener('keydown', listener);\n }\n\n public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n this._headerElement.removeEventListener('keydown', listener);\n }\n\n public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n this._headerSlotElement.addEventListener('slotchange', listener);\n }\n\n public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n this._headerSlotElement.removeEventListener('slotchange', listener);\n }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n open: boolean;\n orientation: string;\n useAnimations: boolean;\n openCallback: () => void | Promise<void>;\n closeCallback: () => void | Promise<void>;\n setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n private _open = false;\n private _useAnimations = true;\n private _openCallback: () => void | Promise<void>;\n private _closeCallback: () => void | Promise<void>;\n private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n private _clickListener: (evt: MouseEvent) => void;\n private _keydownListener: (evt: KeyboardEvent) => void;\n private _headerSlotChangeListener: (evt: Event) => void;\n private _isInitialized = false;\n\n constructor(private _adapter: IExpansionPanelAdapter) {\n this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n }\n\n public initialize(): void {\n this.connect();\n this._adapter.initialize(this._open, this._orientation);\n this._isInitialized = true;\n }\n\n public connect(): void {\n this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n this._adapter.registerClickListener(this._clickListener);\n this._adapter.registerKeydownListener(this._keydownListener);\n }\n\n public disconnect(): void {\n this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n this._adapter.deregisterClickListener(this._clickListener);\n this._adapter.deregisterKeydownListener(this._keydownListener);\n }\n\n public setOpenImmediate(open: boolean): void {\n if (open) {\n this._openPanel(false);\n } else {\n this._closePanel(false);\n }\n }\n\n private _applyOpen(value: boolean): void {\n if (!this._isInitialized) {\n this._open = value;\n return;\n }\n\n if (value) {\n if (this._openCallback) {\n Promise.resolve(this._openCallback())\n .then(() => {\n this._open = value;\n this._openPanel(this._useAnimations);\n })\n .catch(() => {});\n } else {\n this._open = value;\n this._openPanel(this._useAnimations);\n }\n } else {\n if (this._closeCallback) {\n Promise.resolve(this._closeCallback())\n .then(() => {\n this._open = value;\n this._closePanel(this._useAnimations);\n })\n .catch(() => {});\n } else {\n this._open = value;\n this._closePanel(this._useAnimations);\n }\n }\n }\n\n /** Controls the open state of the panel. */\n public get open(): boolean {\n return this._open;\n }\n public set open(value: boolean) {\n value = Boolean(value);\n if (this._open !== value) {\n this._applyOpen(value);\n }\n }\n\n public get openCallback(): () => void | Promise<void> {\n return this._openCallback;\n }\n public set openCallback(callback: () => void | Promise<void>) {\n this._openCallback = callback;\n }\n\n public get closeCallback(): () => void | Promise<void> {\n return this._closeCallback;\n }\n public set closeCallback(callback: () => void | Promise<void>) {\n this._closeCallback = callback;\n }\n\n public get orientation(): string {\n return this._orientation;\n }\n public set orientation(value: string) {\n this._orientation = value;\n }\n\n public get useAnimations(): boolean {\n return this._useAnimations;\n }\n public set useAnimations(value: boolean) {\n if (this._useAnimations !== !!value) {\n this._useAnimations = !!value;\n this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n }\n }\n\n /**\n * Handles click events on the header element.\n * @param {MouseEvent} evt The click event.\n */\n private _onClick(evt: MouseEvent): void {\n evt.stopPropagation();\n this._toggle();\n this._emitEvent();\n }\n\n /**\n * Handles keydown events on the header.\n * @param {KeyboardEvent} evt The keydown event\n */\n private _onKeydown(evt: KeyboardEvent): void {\n evt.stopPropagation();\n\n if (evt.key === 'Space' || evt.key === 'Enter' || evt.keyCode === 32 || evt.keyCode === 13) {\n evt.preventDefault();\n this._toggle();\n this._emitEvent();\n }\n }\n\n private _emitEvent(): void {\n this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n }\n\n private _toggle(): void {\n this.open = !this.open;\n }\n\n private _openPanel(animate: boolean): void {\n this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n this._adapter.setOpenState(true, this._orientation, animate);\n }\n\n private _closePanel(animate: boolean): void {\n this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n this._adapter.setOpenState(false, this._orientation, animate);\n }\n\n private _onHeaderSlotChanged(evt: Event): void {\n this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n open: boolean;\n useAnimations: boolean;\n openCallback: () => void | Promise<void>;\n closeCallback: () => void | Promise<void>;\n orientation: string;\n toggle(): void;\n setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-expansion-panel': IExpansionPanelComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-expansion-panel-toggle': CustomEvent<boolean>;\n }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n public static get observedAttributes(): string[] {\n return [\n EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n ];\n }\n\n private _foundation: ExpansionPanelFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n }\n\n public initializedCallback(): void {\n this._foundation.initialize();\n }\n\n public connectedCallback(): void {\n this._foundation.connect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n this.open = coerceBoolean(newValue);\n break;\n case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n this.orientation = newValue;\n break;\n case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n this.useAnimations = coerceBoolean(newValue);\n break;\n }\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n /** Controls the open state of the panel. */\n @FoundationProperty()\n public open: boolean;\n\n /**\n * Sets the function to call when the panel wants to open.\n * The function must return a promise which can be resolved to\n * open the panel or rejected which cancels the panel open.\n */\n @FoundationProperty()\n public openCallback: () => void | Promise<void>;\n\n /**\n * Sets the function to call when the panel wants to close.\n * The function must return a promise which can be resolved to\n * close the panel or rejected which cancels the panel close.\n */\n @FoundationProperty()\n public closeCallback: () => void | Promise<void>;\n\n /**\n * Sets the orientation of the panel expansion.\n * Valid values are 'vertical' (default) or 'horizontal'.\n */\n @FoundationProperty()\n public orientation: string;\n\n /** Gets/sets if animations are used in the expand/collapse transition. */\n @FoundationProperty()\n public useAnimations: boolean;\n\n /** Toggles the collapsed state. */\n public toggle(): void {\n this.open = !this.open;\n }\n\n /** Forces the expansion panel to expand/collapse without transition animations. */\n public setOpenImmediate(open: boolean): void {\n this._foundation.setOpenImmediate(open);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n defineCustomElement(ExpansionPanelComponent);\n}\n"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n CONTAINER: 'forge-expansion-panel',\n HEADER: 'forge-expansion-panel__header',\n CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n CONTAINER: `.${classes.CONTAINER}`,\n HEADER: `.${classes.HEADER}`,\n CONTENT: `.${classes.CONTENT}`,\n HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n OPEN: 'open',\n ORIENTATION: 'orientation',\n USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n COLLAPSE_ANIMATION_DURATION: 400,\n CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n ORIENTATION_VERTICAL: 'vertical',\n ORIENTATION_HORIZONTAL: 'horizontal',\n EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n elementName,\n classes,\n selectors,\n events,\n attributes,\n numbers,\n strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n initialize: (open: boolean, orientation: string) => void;\n setHeaderVisibility: (visible: boolean) => void;\n setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n private _headerElement: HTMLElement;\n private _contentElement: HTMLElement;\n private _headerSlotElement: HTMLSlotElement;\n\n constructor(component: IExpansionPanelComponent) {\n super(component);\n this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n }\n\n public initialize(open: boolean, orientation = 'vertical'): void {\n const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n this.setHeaderVisibility(!!assignedNodes.length);\n\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.height = '';\n this._contentElement.style.width = '0px';\n }\n\n if (open) {\n if (orientation === 'vertical') {\n this._contentElement.style.height = '';\n } else {\n this._contentElement.style.width = '';\n }\n this._contentElement.style.removeProperty('opacity');\n this._contentElement.style.removeProperty('visibility');\n const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n if (openIconElement) {\n openIconElement.open = true;\n }\n }\n\n this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n }\n\n public setHeaderVisibility(visible: boolean): void {\n if (visible) {\n this._headerElement.style.display = '';\n } else {\n this._headerElement.style.display = 'none';\n }\n }\n\n public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n // If the state has changed since it started, then ignore the transition\n if (this._component.open !== opening) {\n this._contentElement.removeEventListener('transitionend', transitionEndListener);\n return;\n }\n if (propertyName === 'height' || propertyName === 'width') {\n this._contentElement.removeEventListener('transitionend', transitionEndListener);\n this._contentElement.style.removeProperty('transition');\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '';\n } else {\n this._contentElement.style.height = '';\n }\n this._contentElement.style.removeProperty('opacity');\n } else {\n // We set to hidden to ensure that collapsed elements are non-interactive\n this._contentElement.style.visibility = 'hidden';\n }\n }\n };\n this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._contentElement.style.removeProperty('visibility');\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n } else {\n this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n }\n this._contentElement.style.opacity = '1';\n }\n\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n } else {\n this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n }\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n } else {\n this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n }\n this._contentElement.style.opacity = '1';\n this._headerElement.setAttribute('aria-expanded', 'true');\n if (openIconElement) {\n openIconElement.open = true;\n }\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._headerElement.setAttribute('aria-expanded', 'false');\n if (openIconElement) {\n openIconElement.open = false;\n }\n }\n });\n });\n } else {\n this._contentElement.style.removeProperty('transition');\n if (opening) {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '';\n } else {\n this._contentElement.style.height = '';\n }\n this._contentElement.style.removeProperty('visibility');\n this._contentElement.style.removeProperty('opacity');\n this._headerElement.setAttribute('aria-expanded', 'true');\n if (openIconElement) {\n openIconElement.open = true;\n }\n } else {\n if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n this._contentElement.style.width = '0px';\n } else {\n this._contentElement.style.height = '0px';\n }\n this._contentElement.style.opacity = '0';\n this._contentElement.style.visibility = 'hidden';\n this._headerElement.setAttribute('aria-expanded', 'false');\n if (openIconElement) {\n openIconElement.open = false;\n }\n }\n }\n }\n\n public registerClickListener(listener: (evt: MouseEvent) => void): void {\n this._headerElement.addEventListener('click', listener);\n }\n\n public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n this._headerElement.removeEventListener('click', listener);\n }\n\n public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n this._headerElement.addEventListener('keydown', listener);\n }\n\n public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n this._headerElement.removeEventListener('keydown', listener);\n }\n\n public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n this._headerSlotElement.addEventListener('slotchange', listener);\n }\n\n public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n this._headerSlotElement.removeEventListener('slotchange', listener);\n }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n open: boolean;\n orientation: string;\n useAnimations: boolean;\n openCallback: () => void | Promise<void>;\n closeCallback: () => void | Promise<void>;\n setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n private _open = false;\n private _useAnimations = true;\n private _openCallback: () => void | Promise<void>;\n private _closeCallback: () => void | Promise<void>;\n private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n private _clickListener: (evt: MouseEvent) => void;\n private _keydownListener: (evt: KeyboardEvent) => void;\n private _headerSlotChangeListener: (evt: Event) => void;\n private _isInitialized = false;\n\n constructor(private _adapter: IExpansionPanelAdapter) {\n this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n }\n\n public initialize(): void {\n this.connect();\n this._adapter.initialize(this._open, this._orientation);\n this._isInitialized = true;\n }\n\n public connect(): void {\n this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n this._adapter.registerClickListener(this._clickListener);\n this._adapter.registerKeydownListener(this._keydownListener);\n }\n\n public disconnect(): void {\n this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n this._adapter.deregisterClickListener(this._clickListener);\n this._adapter.deregisterKeydownListener(this._keydownListener);\n }\n\n public setOpenImmediate(open: boolean): void {\n if (open) {\n this._openPanel(false);\n } else {\n this._closePanel(false);\n }\n }\n\n private _applyOpen(value: boolean): void {\n if (!this._isInitialized) {\n this._open = value;\n return;\n }\n\n if (value) {\n if (this._openCallback) {\n Promise.resolve(this._openCallback())\n .then(() => {\n this._open = value;\n this._openPanel(this._useAnimations);\n })\n .catch(() => {});\n } else {\n this._open = value;\n this._openPanel(this._useAnimations);\n }\n } else {\n if (this._closeCallback) {\n Promise.resolve(this._closeCallback())\n .then(() => {\n this._open = value;\n this._closePanel(this._useAnimations);\n })\n .catch(() => {});\n } else {\n this._open = value;\n this._closePanel(this._useAnimations);\n }\n }\n }\n\n /** Controls the open state of the panel. */\n public get open(): boolean {\n return this._open;\n }\n public set open(value: boolean) {\n value = Boolean(value);\n if (this._open !== value) {\n this._applyOpen(value);\n }\n }\n\n public get openCallback(): () => void | Promise<void> {\n return this._openCallback;\n }\n public set openCallback(callback: () => void | Promise<void>) {\n this._openCallback = callback;\n }\n\n public get closeCallback(): () => void | Promise<void> {\n return this._closeCallback;\n }\n public set closeCallback(callback: () => void | Promise<void>) {\n this._closeCallback = callback;\n }\n\n public get orientation(): string {\n return this._orientation;\n }\n public set orientation(value: string) {\n this._orientation = value;\n }\n\n public get useAnimations(): boolean {\n return this._useAnimations;\n }\n public set useAnimations(value: boolean) {\n if (this._useAnimations !== !!value) {\n this._useAnimations = !!value;\n this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n }\n }\n\n /**\n * Handles click events on the header element.\n * @param {MouseEvent} evt The click event.\n */\n private _onClick(evt: MouseEvent): void {\n evt.stopPropagation();\n this._toggle();\n this._emitEvent();\n }\n\n /**\n * Handles keydown events on the header.\n * @param {KeyboardEvent} evt The keydown event\n */\n private _onKeydown(evt: KeyboardEvent): void {\n if (evt.key === ' ' || evt.key === 'Enter') {\n evt.stopPropagation();\n evt.preventDefault();\n this._toggle();\n this._emitEvent();\n }\n }\n\n private _emitEvent(): void {\n this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n }\n\n private _toggle(): void {\n this.open = !this.open;\n }\n\n private _openPanel(animate: boolean): void {\n this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n this._adapter.setOpenState(true, this._orientation, animate);\n }\n\n private _closePanel(animate: boolean): void {\n this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n this._adapter.setOpenState(false, this._orientation, animate);\n }\n\n private _onHeaderSlotChanged(evt: Event): void {\n this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n open: boolean;\n useAnimations: boolean;\n openCallback: () => void | Promise<void>;\n closeCallback: () => void | Promise<void>;\n orientation: string;\n toggle(): void;\n setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-expansion-panel': IExpansionPanelComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-expansion-panel-toggle': CustomEvent<boolean>;\n }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n public static get observedAttributes(): string[] {\n return [\n EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n ];\n }\n\n private _foundation: ExpansionPanelFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n }\n\n public initializedCallback(): void {\n this._foundation.initialize();\n }\n\n public connectedCallback(): void {\n this._foundation.connect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n this.open = coerceBoolean(newValue);\n break;\n case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n this.orientation = newValue;\n break;\n case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n this.useAnimations = coerceBoolean(newValue);\n break;\n }\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n /** Controls the open state of the panel. */\n @FoundationProperty()\n public open: boolean;\n\n /**\n * Sets the function to call when the panel wants to open.\n * The function must return a promise which can be resolved to\n * open the panel or rejected which cancels the panel open.\n */\n @FoundationProperty()\n public openCallback: () => void | Promise<void>;\n\n /**\n * Sets the function to call when the panel wants to close.\n * The function must return a promise which can be resolved to\n * close the panel or rejected which cancels the panel close.\n */\n @FoundationProperty()\n public closeCallback: () => void | Promise<void>;\n\n /**\n * Sets the orientation of the panel expansion.\n * Valid values are 'vertical' (default) or 'horizontal'.\n */\n @FoundationProperty()\n public orientation: string;\n\n /** Gets/sets if animations are used in the expand/collapse transition. */\n @FoundationProperty()\n public useAnimations: boolean;\n\n /** Toggles the collapsed state. */\n public toggle(): void {\n this.open = !this.open;\n }\n\n /** Forces the expansion panel to expand/collapse without transition animations. */\n public setOpenImmediate(open: boolean): void {\n this._foundation.setOpenImmediate(open);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n defineCustomElement(ExpansionPanelComponent);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as w,b as L,d as O,e as B}from"./chunk.
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a as w,b as L,d as O,e as B}from"./chunk.SVHVGMKS.js";import{E as N}from"./chunk.ZHXPL2MS.js";import{F as S}from"./chunk.23VA56ZY.js";import{b as y}from"./chunk.IMK2LFWR.js";import{e as g}from"./chunk.AWCBH5KW.js";import{e as V}from"./chunk.DRFU6POI.js";import{b as M}from"./chunk.BOENNFXE.js";import{p as P}from"./chunk.LZMYHIO2.js";import{a as D}from"./chunk.D4SNVKDA.js";import{d as T,l as F}from"./chunk.YAJT3P6V.js";import{a as x}from"./chunk.24D46RLZ.js";import{b as A}from"./chunk.7ZS4N2FT.js";import{e as m}from"./chunk.KYCC3C3M.js";import{a as b,b as k}from"./chunk.BSZ2LBJX.js";import{a as E,e as C,i as I}from"./chunk.HN4PXH3D.js";import{s as f}from"./chunk.R4NDFXVA.js";import{f as v}from"./chunk.G76HB2FK.js";import{a as d,f as _}from"./chunk.MCIQXNKY.js";var r=`${k}date-picker`,z={VALUE:"value"},U={INPUT:"input,input[forge-date-picker-input]"},R={CHANGE:`${r}-change`,OPEN:`${r}-open`,CLOSE:`${r}-close`,INPUT:`${r}-input`},n={elementName:r,selectors:U,events:R,observedAttributes:z};var l=class extends O{constructor(e){super(e);this._dropdownIdentifier=`forge-date-picker-${this._identifier}`}_initializeInput(){this._inputElement=this._component.querySelector(n.selectors.INPUT)}_initializeCalendarDropdown(){let e=this._getDefaultTargetElement();this._calendarDropdown=new S(e,this._dropdownIdentifier)}initializeMask(e){this._inputMask&&this._inputMask.destroy(),this._inputMask=new A(this._inputElement,e)}destroyMask(){this._inputMask&&(this._inputMask.destroy(),this._inputMask=void 0)}initializeAccessibility(){this._inputElement.setAttribute("autocomplete","off"),this._inputElement.setAttribute("autocorrect","off"),this._inputElement.setAttribute("autocapitalize","off"),this._inputElement.setAttribute("spellcheck","false"),this._inputElement.setAttribute("role","combobox"),this._inputElement.setAttribute("aria-live","assertive"),this._inputElement.setAttribute("aria-atomic","true"),this._inputElement.setAttribute("aria-haspopup","true"),this._inputElement.setAttribute("aria-expanded","false"),this._inputElement.setAttribute("aria-owns",this._dropdownIdentifier)}addInputListener(e,t,i){var a;(a=this._inputElement)==null||a.addEventListener(e,t,{capture:i})}removeInputListener(e,t,i){var a;(a=this._inputElement)==null||a.removeEventListener(e,t,{capture:i})}setInputValueChangedListener(e,t){this.destroyValueChangeListener();let i=g(e,this._inputElement,"value",t);this._valueChangeListeners.push(i)}hasInputElement(){return!!this._inputElement}attachCalendar(e,t){super.attachCalendar(e,t),this._inputElement.setAttribute("aria-expanded","true")}detachCalendar(){super.detachCalendar(),this._inputElement&&(this._inputElement.setAttribute("aria-expanded","false"),this._inputElement.removeAttribute("aria-activedescendant"))}setActiveDescendant(e){this._inputElement.setAttribute("aria-activedescendant",e)}setInputValue(e,t){this._inputElement.value!==e&&(this._inputElement.value=e,this._inputMask&&this._inputMask.updateMask(),t&&(this._inputElement.dispatchEvent(new Event("change")),this._inputElement.dispatchEvent(new Event("input"))))}isInputDisabled(){return this._inputElement.disabled}isInputFocused(){return f()===this._inputElement}getInputValue(){return this._inputMask?this._inputMask.maskedValue:this._inputElement.value}setDisabled(e){this._inputElement.disabled=e,this._inputElement.setAttribute("aria-disabled",e.toString()),this._toggleElement&&(this._toggleElement.setAttribute("aria-disabled",e.toString()),this._toggleElement.hasOwnProperty("disabled")&&(this._toggleElement.disabled=e))}tryFocusInput(){this._inputElement.focus()}tryBlurInput(){this._inputElement.blur()}selectInputText(){this._inputElement.select()}emitInputEvent(e,t){I(this._inputElement,e,t)}};var p=class extends B{constructor(e){super(e);this._mode="single"}_initializeState(){this._value||(this._value=this._coerceDateValue(this._adapter.getInputValue()))}_emitChangeEvent(e,t){let i=this._getTypedValue(e);return this._adapter.emitHostEvent(n.events.CHANGE,i,!0,!t)?(this._setValue(e),!0):!1}_emitOpenEvent(){this._adapter.emitHostEvent(n.events.OPEN,void 0,!1)}_emitCloseEvent(){this._adapter.emitHostEvent(n.events.CLOSE,void 0,!1)}_onToday(){let e=new Date;e.setHours(0,0,0,0),this._onDateSelected({date:e,selected:!0,type:"date"})}_onClear(){this._onDateSelected({date:null,selected:!1,type:"date"})}_getCurrentValue(){return this._value}_setFormattedInputValue(e){let t=this._formatDate(this._value);t?this._adapter.setInputValue(t,e?!1:this._notifyInputValueChanges):this._allowInvalidDate||this._adapter.setInputValue("",e?!1:this._notifyInputValueChanges)}_setValue(e){(!e||this._isDateValueAcceptable(e))&&(this._value=e)}_onDateSelected(e){let t=e.date;if(e.type==="date"&&this._closeCalendar(!0),!this._emitChangeEvent(t))return;let i=this._formatDate(t);this._adapter.setInputValue(i,this._notifyInputValueChanges),this._formatInputValue(),D.isMobile||this._adapter.selectInputText()}_openCalendar(e){super._openCalendar(e);let t=this._getCurrentValue();t&&this._adapter.goToCalendarDate(new Date(t))}_applyMin(){this._value&&!this._isDateValueAcceptable(this._value)&&(this._emitChangeEvent(null,!0),this._setFormattedInputValue()),super._applyMin()}_applyMax(){this._value&&!this._isDateValueAcceptable(this._value)&&(this._emitChangeEvent(null,!0),this._setFormattedInputValue()),super._applyMax()}_applyDisabledDates(){this._value&&!this._isDateValueAcceptable(this._value)&&(this._emitChangeEvent(null,!0),this._setFormattedInputValue())}_applyDisabledDaysOfWeek(){this._value&&!this._isDateValueAcceptable(this._value)&&(this._emitChangeEvent(null,!0),this._setFormattedInputValue())}_handleInput(e){let t=this._getSanitizedDateString(e),i=this._coerceDateValue(t);this._masked&&this._adapter.emitInputEvent(n.events.INPUT,t),!m(i,this._value)&&this._isDateValueAcceptable(i)&&this._emitChangeEvent(i)}_onInputValueChanged(e){let t=this._getSanitizedDateString(e);if(this._masked&&t)return;let i=this._coerceDateValue(t);!m(i,this._value)&&this._isDateValueAcceptable(i)&&(this.value=i,this._emitChangeEvent(this._value))}_applyValue(){this._setFormattedInputValue(),this._open&&this._adapter.setCalendarValue(this._value)}get value(){let e=this._getTypedValue(this._value);return e?v(e)?new Date(e.getTime()):e:null}set value(e){this._value!==e&&(this._setValue(this._coerceDateValue(e)),this._isInitialized&&this._applyValue())}};var K="<template><slot></slot></template>",$=":host{display:block}:host([hidden]){display:none}",o=class extends L{static get observedAttributes(){return[...Object.values(w.observedAttributes),n.observedAttributes.VALUE]}constructor(){super(),T.define(P),C(this,K,$),this._foundation=new p(new l(this))}attributeChangedCallback(s,e,t){switch(s){case n.observedAttributes.VALUE:this.value=t;return}super.attributeChangedCallback(s,e,t)}};o=_([b({name:n.elementName,dependencies:[V,N,M,F]})],o);var H=class extends x{constructor(e){super(e)}_build(){let e=document.createElement(n.elementName);return this._attachTextField(e),e}getInputElement(){return this._textFieldDelegate.inputElement}getTextFieldElement(){return this._textFieldDelegate.element}get value(){return this._element.value}set value(e){this._element.value=e}get disabled(){return this._element.disabled}set disabled(e){this._element.disabled=e}get invalid(){return this._textFieldDelegate.invalid||!1}set invalid(e){this._textFieldDelegate.invalid=e}onChange(e){this._element.masked?this._element.addEventListener(n.events.INPUT,t=>e(t.target.value)):this.getInputElement().addEventListener("input",t=>e(t.target.value))}onInput(e){this._element.masked?this._element.addEventListener(n.events.INPUT,t=>e(t.detail)):this._textFieldDelegate.inputElement.addEventListener("input",t=>e(t.target.value))}onFocus(e){this._textFieldDelegate.inputElement.addEventListener("focus",t=>e(t))}onBlur(e){this._textFieldDelegate.inputElement.addEventListener("blur",t=>e(t))}_attachTextField(e){var i,a,c,h;let t={props:d({},(a=(i=this._config.options)==null?void 0:i.textFieldDelegateConfig)==null?void 0:a.props),options:d({},(h=(c=this._config.options)==null?void 0:c.textFieldDelegateConfig)==null?void 0:h.options)};this._textFieldDelegate=new y(t),e.appendChild(this._textFieldDelegate.element)}};function Fe(){E(o)}export{n as a,l as b,p as c,o as d,H as e,Fe as f};
|
|
7
|
+
//# sourceMappingURL=chunk.OPTMTRWL.js.map
|
|
File without changes
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{q as g,r as u}from"./chunk.LZMYHIO2.js";import{a as h,d as C,l as T}from"./chunk.
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{q as g,r as u}from"./chunk.LZMYHIO2.js";import{a as h,d as C,l as T}from"./chunk.YAJT3P6V.js";import{a as _}from"./chunk.A23NSEWA.js";import{a as p}from"./chunk.B3IJU6XJ.js";import{a as f,b}from"./chunk.BSZ2LBJX.js";import{a as N}from"./chunk.3E5QKMHL.js";import{a as O,e as d,g as s}from"./chunk.HN4PXH3D.js";import{t as I}from"./chunk.R4NDFXVA.js";import{k as l}from"./chunk.G76HB2FK.js";import{f as i}from"./chunk.MCIQXNKY.js";var E=`${b}open-icon`,A={ICON:"forge-open-icon",ICON_OPEN:"forge-open-icon--open"},x={OPEN:"open",ORIENTATION:"orientation"},S={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal"},o={elementName:E,classes:A,attributes:x,strings:S};var r=class{constructor(t){this._adapter=t;this._open=!1;this._orientation=o.strings.ORIENTATION_VERTICAL}initialize(){this._adapter.setOrientation(this._orientation),this._adapter.setOpenState(this._open)}get open(){return this._open}set open(t){t=Boolean(t),this._open!==t&&(this._open=t,this._adapter.setOpenState(this._open))}get orientation(){return this._orientation}set orientation(t){this._orientation=t,this._adapter.setOrientation(this._orientation)}};var a=class extends _{constructor(e){super(e);this._openIcon=s(e,`.${o.classes.ICON}`),this._iconElement=s(e,h.elementName)}setOrientation(e){e===o.strings.ORIENTATION_HORIZONTAL?this._iconElement.name="keyboard_arrow_right":this._iconElement.name="keyboard_arrow_down"}setOpenState(e){I(this._openIcon,e,o.classes.ICON_OPEN)}};var w='<template><span class="forge-open-icon" part="root"><forge-icon class="icon" part="icon"></forge-icon></span></template>',v=".forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}",n=class extends N{constructor(){super();C.define([u,g]),d(this,w,v),this._foundation=new r(new a(this))}static get observedAttributes(){return[o.attributes.OPEN,o.attributes.ORIENTATION]}initializedCallback(){this._foundation.initialize()}attributeChangedCallback(e,R,c){switch(e){case o.attributes.OPEN:this.open=l(c);break;case o.attributes.ORIENTATION:this.orientation=c;break}}};i([p()],n.prototype,"open",2),i([p()],n.prototype,"orientation",2),n=i([f({name:o.elementName,dependencies:[T]})],n);function Y(){O(n)}export{o as a,r as b,a as c,n as d,Y as e};
|
|
7
|
+
//# sourceMappingURL=chunk.P6B3UWJ5.js.map
|
|
File without changes
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{b as N}from"./chunk.IMK2LFWR.js";import{b as F,c as S}from"./chunk.G5BCWBD5.js";import{k as _,z as f}from"./chunk.LZMYHIO2.js";import{d as A}from"./chunk.7TQYFMM4.js";import{a as L}from"./chunk.24D46RLZ.js";import{a as B}from"./chunk.A23NSEWA.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as I,b as C}from"./chunk.BSZ2LBJX.js";import{a as D}from"./chunk.3E5QKMHL.js";import{a as x,e as T,g as u}from"./chunk.HN4PXH3D.js";import{k as b}from"./chunk.G76HB2FK.js";import{a as v,b as y,f as m}from"./chunk.MCIQXNKY.js";var R=`${C}quantity-field`,q={INVALID:"invalid",REQUIRED:"required",DISABLED:"disabled"},M={ROOT:"forge-quantity-field",INVALID:"forge-quantity-field--invalid",REQUIRED:"forge-quantity-field--required"},a={INCREMENT_BUTTON:"increment-button",DECREMENT_BUTTON:"decrement-button",LABEL:"label",HELPER_TEXT:"helper-text"},w={ROOT:`.${M.ROOT}`,INCREMENT_BUTTON_SLOT:`slot[name=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON_SLOT:`slot[name=${a.DECREMENT_BUTTON}]`,INCREMENT_BUTTON:`[slot=${a.INCREMENT_BUTTON}] button, button[slot=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON:`[slot=${a.DECREMENT_BUTTON}] button, button[slot=${a.DECREMENT_BUTTON}]`,TEXT_FIELD:"forge-text-field",INPUT:"input[type=number]",LABEL:`[slot=${a.LABEL}]`,HELPER_TEXT:`[slot=${a.HELPER_TEXT}]`},i={elementName:R,classes:M,slots:a,selectors:w,attributes:q};var p=class extends B{constructor(t){super(t);this._rootElement=u(t,i.selectors.ROOT),this._incrementButtonSlot=u(this._component,i.selectors.INCREMENT_BUTTON_SLOT),this._decrementButtonSlot=u(this._component,i.selectors.DECREMENT_BUTTON_SLOT)}addRootClass(t){this._rootElement.classList.add(t)}removeRootClass(t){this._rootElement.classList.remove(t)}inputHasAttribute(t){return this.inputElement?this.inputElement.hasAttribute(t):!1}addIncrementButtonSlotListener(t){this._incrementButtonSlot.addEventListener("slotchange",t)}removeIncrementButtonSlotListener(t){this._incrementButtonSlot&&this._incrementButtonSlot.removeEventListener("slotchange",t)}addDecrementButtonSlotListener(t){this._decrementButtonSlot.addEventListener("slotchange",t)}removeDecrementButtonSlotListener(t){this._decrementButtonSlot&&this._decrementButtonSlot.removeEventListener("slotchange",t)}addTextFieldAttribute(t,e=""){this._textFieldComponent&&this._textFieldComponent.setAttribute(t,e)}removeTextFieldAttribute(t){this._textFieldComponent&&this._textFieldComponent.removeAttribute(t)}addIncrementEventListener(t,e){this._incrementButtonElement.addEventListener(t,e)}removeIncrementEventListener(t,e){this._incrementButtonElement&&this._incrementButtonElement.removeEventListener(t,e)}addDecrementEventListener(t,e){this._decrementButtonElement.addEventListener(t,e)}removeDecrementEventListener(t,e){this._decrementButtonElement&&this._decrementButtonElement.removeEventListener(t,e)}addIncrementButtonAttribute(t,e=""){this._incrementButtonElement.setAttribute(t,e)}removeIncrementButtonAttribute(t){this._incrementButtonElement.removeAttribute(t)}addDecrementButtonAttribute(t,e=""){this._decrementButtonElement.setAttribute(t,e)}removeDecrementButtonAttribute(t){this._decrementButtonElement.removeAttribute(t)}increment(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e+this._inputStep).toFixed(n));!!this._inputMax&&this._inputMax<o&&(o=this._inputMax),this._setInputValue(o)}decrement(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e-this._inputStep).toFixed(n));!!this._inputMin&&this._inputMin>o&&(o=this._inputMin),this._setInputValue(o)}addInputDisabledAttributeChangeListener(t){this._setupInputDisabledAttributeMutationObserver(t)}removeInputDisabledAttributeChangeListener(){this._cleanupInputDisabledAttributeMutationObserver()}_setInputValue(t){!this.inputElement||(this.inputElement.value=`${t}`,this.inputElement.dispatchEvent(new Event("input")),this.inputElement.dispatchEvent(new Event("change")))}_isNullOrUndefinedOrEmpty(t){return t==null||t===""}_setupInputDisabledAttributeMutationObserver(t){if(!this.inputElement)return;this._cleanupInputDisabledAttributeMutationObserver();let e=o=>this._inputDisabledAttributeMutationCallback(o,t);this._inputAttributeMutationObserver=new MutationObserver(e);let n={attributes:!0,attributeOldValue:!0,attributeFilter:[i.attributes.DISABLED]};this._inputAttributeMutationObserver.observe(this.inputElement,n)}_cleanupInputDisabledAttributeMutationObserver(){this._inputAttributeMutationObserver&&(this._inputAttributeMutationObserver.disconnect(),delete this._inputAttributeMutationObserver)}_inputDisabledAttributeMutationCallback(t,e){for(let n of t)n.type!=="attributes"||!n.attributeName||n.attributeName!==i.attributes.DISABLED||n.target[n.attributeName]===n.oldValue||e()}get _incrementButtonElement(){return this._incrementButton||(this._incrementButton=this._component.querySelector(i.selectors.INCREMENT_BUTTON)),this._incrementButton}get _decrementButtonElement(){return this._decrementButton||(this._decrementButton=this._component.querySelector(i.selectors.DECREMENT_BUTTON)),this._decrementButton}get _textFieldComponent(){return this._textField||(this._textField=this._component.querySelector(i.selectors.TEXT_FIELD)),this._textField}get inputElement(){return this._inputElement||(this._inputElement=this._component.querySelector(i.selectors.INPUT)),this._inputElement}get _inputStep(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.step)?1:+t.step}get _inputMax(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.max)?null:+t.max}get _inputMin(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.min)?null:+t.min}_calcPrecision(t){let e=String(t);return e.includes(".")?e.split(".")[1].length:0}};var c=class{constructor(r){this._adapter=r;this._incrementValue=()=>this._adapter.increment(),this._decrementValue=()=>this._adapter.decrement(),this._incrementButtonSlotChanged=()=>this._onIncrementButtonSlotChanged(),this._decrementButtonSlotChanged=()=>this._onDecrementButtonSlotChanged(),this._adapter.addIncrementButtonSlotListener(this._incrementButtonSlotChanged),this._adapter.addDecrementButtonSlotListener(this._decrementButtonSlotChanged)}connect(){this._adapter.addInputDisabledAttributeChangeListener(()=>this._syncDisabledStateOfButtons()),this._syncDisabledStateOfButtons()}disconnect(){this._removeIncrementEventListener(),this._removeDecrementEventListener(),this._removeIncrementButtonSlotListener(),this._removeDecrementButtonSlotListener(),this._adapter.removeInputDisabledAttributeChangeListener()}_onIncrementButtonSlotChanged(){this._addIncrementEventListener()}_onDecrementButtonSlotChanged(){this._addDecrementEventListener()}_addIncrementEventListener(){this._adapter.addIncrementEventListener("click",this._incrementValue)}_addDecrementEventListener(){this._adapter.addDecrementEventListener("click",this._decrementValue)}_removeIncrementEventListener(){this._adapter.removeIncrementEventListener("click",this._incrementValue)}_removeDecrementEventListener(){this._adapter.removeDecrementEventListener("click",this._decrementValue)}_removeIncrementButtonSlotListener(){this._adapter.removeIncrementButtonSlotListener(this._incrementButtonSlotChanged)}_removeDecrementButtonSlotListener(){this._adapter.removeDecrementButtonSlotListener(this._decrementButtonSlotChanged)}_syncDisabledStateOfButtons(){this._adapter.inputHasAttribute(i.attributes.DISABLED)?(this._adapter.addDecrementButtonAttribute(i.attributes.DISABLED),this._adapter.addIncrementButtonAttribute(i.attributes.DISABLED)):(this._adapter.removeIncrementButtonAttribute(i.attributes.DISABLED),this._adapter.removeDecrementButtonAttribute(i.attributes.DISABLED))}get required(){return this._required}set required(r){this._required!==r&&(this._required=r,this._required?(this._adapter.setHostAttribute(i.attributes.REQUIRED),this._adapter.addRootClass(i.classes.REQUIRED)):(this._adapter.removeHostAttribute(i.attributes.REQUIRED),this._adapter.removeRootClass(i.classes.REQUIRED)))}get invalid(){return this._invalid}set invalid(r){this._invalid!==r&&(this._invalid=r,this._invalid?(this._adapter.setHostAttribute(i.attributes.INVALID),this._adapter.addRootClass(i.classes.INVALID),this._adapter.addTextFieldAttribute(i.attributes.INVALID)):(this._adapter.removeHostAttribute(i.attributes.INVALID),this._adapter.removeRootClass(i.classes.INVALID),this._adapter.removeTextFieldAttribute(i.attributes.INVALID)))}};var U='<template><div class="forge-quantity-field" part="root"><slot name="label"></slot><div class="forge-quantity-field__row" part="row"><slot name="decrement-button"></slot><slot></slot><slot name="increment-button"></slot></div><slot name="helper-text"></slot></div></template>',k='.forge-quantity-field ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.forge-quantity-field__row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-quantity-field ::slotted(forge-icon-button:first-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-right:4px}.forge-quantity-field ::slotted(forge-icon-button:last-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-left:4px}.forge-quantity-field ::slotted(forge-text-field){--forge-text-field-margin-top:0;--forge-text-field-margin-bottom:0}.forge-quantity-field--required ::slotted([slot=label])::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:"*";margin-right:4px}.forge-quantity-field--invalid ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}:host{display:inline-block}:host([hidden]){display:none}',s=class extends D{constructor(){super();T(this,U,k),this._foundation=new c(new p(this))}static get observedAttributes(){return[i.attributes.INVALID,i.attributes.REQUIRED]}connectedCallback(){this._requiredElementsPresent()?this._foundation.connect():this._ensureElementsPresent().then(()=>{this._foundation.connect()})}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,e,n){switch(t){case i.attributes.INVALID:this.invalid=b(n);break;case i.attributes.REQUIRED:this.required=b(n);break}}_ensureElementsPresent(){return new Promise(t=>{if(this._requiredElementsPresent()){t();return}let e=new MutationObserver(n=>{n.reduce((l,d)=>l+d.addedNodes.length,0)>0&&this._requiredElementsPresent()&&(e.disconnect(),t())});e.observe(this,{childList:!0,subtree:!0})})}_requiredElementsPresent(){let t=this.querySelector(i.selectors.INPUT),e=this.querySelector(i.selectors.DECREMENT_BUTTON),n=this.querySelector(i.selectors.INCREMENT_BUTTON);return!!t&&!!e&&!!n}};m([g()],s.prototype,"invalid",2),m([g()],s.prototype,"required",2),s=m([I({name:i.elementName,dependencies:[F]})],s);var O=class extends L{constructor(t){super(t);A.define([f,_])}_build(){let t=document.createElement(i.elementName);return this._attachButton(t,f.name,"decrement-button"),this._attachTextField(t),this._attachButton(t,_.name,"increment-button"),t}_configure(){var t,e,n,o,l;this.inputElement.value=(e=(t=this._config.options)==null?void 0:t.value)!=null?e:"0",this.inputElement.style.textAlign="center",this.inputElement.style.width="64px",(n=this._config.options)!=null&&n.helperText&&this.setHelperText(this._config.options.helperText),typeof((o=this._config.options)==null?void 0:o.label)=="string"&&this._createLabel(this._config.options.label),((l=this._config.options)==null?void 0:l.step)!==void 0&&(this.inputElement.step=this._config.options.step)}get value(){return this._textFieldDelegate.inputElement.value}set value(t){this._textFieldDelegate.inputElement.value=t}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(t){this._textFieldDelegate.inputElement.disabled=t}get invalid(){return this._element.invalid||!1}set invalid(t){this._element.invalid=t}get inputElement(){return this._textFieldDelegate.inputElement}get labelElement(){return this._labelElement}onChange(t){this._textFieldDelegate.inputElement.addEventListener("input",e=>t(e.target.value))}onFocus(t){this._textFieldDelegate.inputElement.addEventListener("focus",e=>t(e))}onBlur(t){this._textFieldDelegate.inputElement.addEventListener("blur",e=>t(e))}_attachTextField(t){var n,o,l,d,E;let e={props:v({},(o=(n=this._config.options)==null?void 0:n.textFieldDelegateConfig)==null?void 0:o.props),options:y(v({},(d=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:d.options),{id:(E=this._config.options)==null?void 0:E.id,type:"number"})};this._textFieldDelegate=new N(e),t.appendChild(this._textFieldDelegate.element)}setLabel(t){t?this._labelElement?this._labelElement.textContent=t:this._createLabel(t):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}setHelperText(t){t?(this._helperTextElement||(this._helperTextElement=document.createElement("span"),this._helperTextElement.slot="helper-text",this._element.appendChild(this._helperTextElement)),this._helperTextElement.textContent=t):this._helperTextElement&&(this._element.removeChild(this._helperTextElement),this._helperTextElement=void 0)}_createLabel(t){var e;this._labelElement=document.createElement("label"),this._labelElement.textContent=t,this._labelElement.slot="label",(e=this._config.options)!=null&&e.id&&this._labelElement.setAttribute("for",this._config.options.id),this._element.appendChild(this._labelElement)}_attachButton(t,e,n){return new S({options:{iconName:e,parent:t,attributes:{slot:n}}})}};function vt(){x(s)}export{i as a,p as b,c,s as d,O as e,vt as f};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{b as N}from"./chunk.IMK2LFWR.js";import{b as F,c as S}from"./chunk.BOENNFXE.js";import{k as _,z as f}from"./chunk.LZMYHIO2.js";import{d as A}from"./chunk.YAJT3P6V.js";import{a as L}from"./chunk.24D46RLZ.js";import{a as B}from"./chunk.A23NSEWA.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as I,b as C}from"./chunk.BSZ2LBJX.js";import{a as D}from"./chunk.3E5QKMHL.js";import{a as x,e as T,g as u}from"./chunk.HN4PXH3D.js";import{k as b}from"./chunk.G76HB2FK.js";import{a as v,b as y,f as m}from"./chunk.MCIQXNKY.js";var R=`${C}quantity-field`,q={INVALID:"invalid",REQUIRED:"required",DISABLED:"disabled"},M={ROOT:"forge-quantity-field",INVALID:"forge-quantity-field--invalid",REQUIRED:"forge-quantity-field--required"},a={INCREMENT_BUTTON:"increment-button",DECREMENT_BUTTON:"decrement-button",LABEL:"label",HELPER_TEXT:"helper-text"},w={ROOT:`.${M.ROOT}`,INCREMENT_BUTTON_SLOT:`slot[name=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON_SLOT:`slot[name=${a.DECREMENT_BUTTON}]`,INCREMENT_BUTTON:`[slot=${a.INCREMENT_BUTTON}] button, button[slot=${a.INCREMENT_BUTTON}]`,DECREMENT_BUTTON:`[slot=${a.DECREMENT_BUTTON}] button, button[slot=${a.DECREMENT_BUTTON}]`,TEXT_FIELD:"forge-text-field",INPUT:"input[type=number]",LABEL:`[slot=${a.LABEL}]`,HELPER_TEXT:`[slot=${a.HELPER_TEXT}]`},i={elementName:R,classes:M,slots:a,selectors:w,attributes:q};var p=class extends B{constructor(t){super(t);this._rootElement=u(t,i.selectors.ROOT),this._incrementButtonSlot=u(this._component,i.selectors.INCREMENT_BUTTON_SLOT),this._decrementButtonSlot=u(this._component,i.selectors.DECREMENT_BUTTON_SLOT)}addRootClass(t){this._rootElement.classList.add(t)}removeRootClass(t){this._rootElement.classList.remove(t)}inputHasAttribute(t){return this.inputElement?this.inputElement.hasAttribute(t):!1}addIncrementButtonSlotListener(t){this._incrementButtonSlot.addEventListener("slotchange",t)}removeIncrementButtonSlotListener(t){this._incrementButtonSlot&&this._incrementButtonSlot.removeEventListener("slotchange",t)}addDecrementButtonSlotListener(t){this._decrementButtonSlot.addEventListener("slotchange",t)}removeDecrementButtonSlotListener(t){this._decrementButtonSlot&&this._decrementButtonSlot.removeEventListener("slotchange",t)}addTextFieldAttribute(t,e=""){this._textFieldComponent&&this._textFieldComponent.setAttribute(t,e)}removeTextFieldAttribute(t){this._textFieldComponent&&this._textFieldComponent.removeAttribute(t)}addIncrementEventListener(t,e){this._incrementButtonElement.addEventListener(t,e)}removeIncrementEventListener(t,e){this._incrementButtonElement&&this._incrementButtonElement.removeEventListener(t,e)}addDecrementEventListener(t,e){this._decrementButtonElement.addEventListener(t,e)}removeDecrementEventListener(t,e){this._decrementButtonElement&&this._decrementButtonElement.removeEventListener(t,e)}addIncrementButtonAttribute(t,e=""){this._incrementButtonElement.setAttribute(t,e)}removeIncrementButtonAttribute(t){this._incrementButtonElement.removeAttribute(t)}addDecrementButtonAttribute(t,e=""){this._decrementButtonElement.setAttribute(t,e)}removeDecrementButtonAttribute(t){this._decrementButtonElement.removeAttribute(t)}increment(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e+this._inputStep).toFixed(n));!!this._inputMax&&this._inputMax<o&&(o=this._inputMax),this._setInputValue(o)}decrement(){let t=this.inputElement;if(!t)return;let e=+t.value,n=this._calcPrecision(this._inputStep),o=parseFloat((e-this._inputStep).toFixed(n));!!this._inputMin&&this._inputMin>o&&(o=this._inputMin),this._setInputValue(o)}addInputDisabledAttributeChangeListener(t){this._setupInputDisabledAttributeMutationObserver(t)}removeInputDisabledAttributeChangeListener(){this._cleanupInputDisabledAttributeMutationObserver()}_setInputValue(t){!this.inputElement||(this.inputElement.value=`${t}`,this.inputElement.dispatchEvent(new Event("input")),this.inputElement.dispatchEvent(new Event("change")))}_isNullOrUndefinedOrEmpty(t){return t==null||t===""}_setupInputDisabledAttributeMutationObserver(t){if(!this.inputElement)return;this._cleanupInputDisabledAttributeMutationObserver();let e=o=>this._inputDisabledAttributeMutationCallback(o,t);this._inputAttributeMutationObserver=new MutationObserver(e);let n={attributes:!0,attributeOldValue:!0,attributeFilter:[i.attributes.DISABLED]};this._inputAttributeMutationObserver.observe(this.inputElement,n)}_cleanupInputDisabledAttributeMutationObserver(){this._inputAttributeMutationObserver&&(this._inputAttributeMutationObserver.disconnect(),delete this._inputAttributeMutationObserver)}_inputDisabledAttributeMutationCallback(t,e){for(let n of t)n.type!=="attributes"||!n.attributeName||n.attributeName!==i.attributes.DISABLED||n.target[n.attributeName]===n.oldValue||e()}get _incrementButtonElement(){return this._incrementButton||(this._incrementButton=this._component.querySelector(i.selectors.INCREMENT_BUTTON)),this._incrementButton}get _decrementButtonElement(){return this._decrementButton||(this._decrementButton=this._component.querySelector(i.selectors.DECREMENT_BUTTON)),this._decrementButton}get _textFieldComponent(){return this._textField||(this._textField=this._component.querySelector(i.selectors.TEXT_FIELD)),this._textField}get inputElement(){return this._inputElement||(this._inputElement=this._component.querySelector(i.selectors.INPUT)),this._inputElement}get _inputStep(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.step)?1:+t.step}get _inputMax(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.max)?null:+t.max}get _inputMin(){let t=this.inputElement;return!t||this._isNullOrUndefinedOrEmpty(t.min)?null:+t.min}_calcPrecision(t){let e=String(t);return e.includes(".")?e.split(".")[1].length:0}};var c=class{constructor(r){this._adapter=r;this._incrementValue=()=>this._adapter.increment(),this._decrementValue=()=>this._adapter.decrement(),this._incrementButtonSlotChanged=()=>this._onIncrementButtonSlotChanged(),this._decrementButtonSlotChanged=()=>this._onDecrementButtonSlotChanged(),this._adapter.addIncrementButtonSlotListener(this._incrementButtonSlotChanged),this._adapter.addDecrementButtonSlotListener(this._decrementButtonSlotChanged)}connect(){this._adapter.addInputDisabledAttributeChangeListener(()=>this._syncDisabledStateOfButtons()),this._syncDisabledStateOfButtons()}disconnect(){this._removeIncrementEventListener(),this._removeDecrementEventListener(),this._removeIncrementButtonSlotListener(),this._removeDecrementButtonSlotListener(),this._adapter.removeInputDisabledAttributeChangeListener()}_onIncrementButtonSlotChanged(){this._addIncrementEventListener()}_onDecrementButtonSlotChanged(){this._addDecrementEventListener()}_addIncrementEventListener(){this._adapter.addIncrementEventListener("click",this._incrementValue)}_addDecrementEventListener(){this._adapter.addDecrementEventListener("click",this._decrementValue)}_removeIncrementEventListener(){this._adapter.removeIncrementEventListener("click",this._incrementValue)}_removeDecrementEventListener(){this._adapter.removeDecrementEventListener("click",this._decrementValue)}_removeIncrementButtonSlotListener(){this._adapter.removeIncrementButtonSlotListener(this._incrementButtonSlotChanged)}_removeDecrementButtonSlotListener(){this._adapter.removeDecrementButtonSlotListener(this._decrementButtonSlotChanged)}_syncDisabledStateOfButtons(){this._adapter.inputHasAttribute(i.attributes.DISABLED)?(this._adapter.addDecrementButtonAttribute(i.attributes.DISABLED),this._adapter.addIncrementButtonAttribute(i.attributes.DISABLED)):(this._adapter.removeIncrementButtonAttribute(i.attributes.DISABLED),this._adapter.removeDecrementButtonAttribute(i.attributes.DISABLED))}get required(){return this._required}set required(r){this._required!==r&&(this._required=r,this._required?(this._adapter.setHostAttribute(i.attributes.REQUIRED),this._adapter.addRootClass(i.classes.REQUIRED)):(this._adapter.removeHostAttribute(i.attributes.REQUIRED),this._adapter.removeRootClass(i.classes.REQUIRED)))}get invalid(){return this._invalid}set invalid(r){this._invalid!==r&&(this._invalid=r,this._invalid?(this._adapter.setHostAttribute(i.attributes.INVALID),this._adapter.addRootClass(i.classes.INVALID),this._adapter.addTextFieldAttribute(i.attributes.INVALID)):(this._adapter.removeHostAttribute(i.attributes.INVALID),this._adapter.removeRootClass(i.classes.INVALID),this._adapter.removeTextFieldAttribute(i.attributes.INVALID)))}};var U='<template><div class="forge-quantity-field" part="root"><slot name="label"></slot><div class="forge-quantity-field__row" part="row"><slot name="decrement-button"></slot><slot></slot><slot name="increment-button"></slot></div><slot name="helper-text"></slot></div></template>',k='.forge-quantity-field ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-quantity-field ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.forge-quantity-field__row{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-quantity-field ::slotted(forge-icon-button:first-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-right:4px}.forge-quantity-field ::slotted(forge-icon-button:last-of-type){color:var(--mdc-theme-text-secondary-on-light);margin-left:4px}.forge-quantity-field ::slotted(forge-text-field){--forge-text-field-margin-top:0;--forge-text-field-margin-bottom:0}.forge-quantity-field--required ::slotted([slot=label])::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:"*";margin-right:4px}.forge-quantity-field--invalid ::slotted([slot=label]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1rem;color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-quantity-field--invalid ::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}:host{display:inline-block}:host([hidden]){display:none}',s=class extends D{constructor(){super();T(this,U,k),this._foundation=new c(new p(this))}static get observedAttributes(){return[i.attributes.INVALID,i.attributes.REQUIRED]}connectedCallback(){this._requiredElementsPresent()?this._foundation.connect():this._ensureElementsPresent().then(()=>{this._foundation.connect()})}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,e,n){switch(t){case i.attributes.INVALID:this.invalid=b(n);break;case i.attributes.REQUIRED:this.required=b(n);break}}_ensureElementsPresent(){return new Promise(t=>{if(this._requiredElementsPresent()){t();return}let e=new MutationObserver(n=>{n.reduce((l,d)=>l+d.addedNodes.length,0)>0&&this._requiredElementsPresent()&&(e.disconnect(),t())});e.observe(this,{childList:!0,subtree:!0})})}_requiredElementsPresent(){let t=this.querySelector(i.selectors.INPUT),e=this.querySelector(i.selectors.DECREMENT_BUTTON),n=this.querySelector(i.selectors.INCREMENT_BUTTON);return!!t&&!!e&&!!n}};m([g()],s.prototype,"invalid",2),m([g()],s.prototype,"required",2),s=m([I({name:i.elementName,dependencies:[F]})],s);var O=class extends L{constructor(t){super(t);A.define([f,_])}_build(){let t=document.createElement(i.elementName);return this._attachButton(t,f.name,"decrement-button"),this._attachTextField(t),this._attachButton(t,_.name,"increment-button"),t}_configure(){var t,e,n,o,l;this.inputElement.value=(e=(t=this._config.options)==null?void 0:t.value)!=null?e:"0",this.inputElement.style.textAlign="center",this.inputElement.style.width="64px",(n=this._config.options)!=null&&n.helperText&&this.setHelperText(this._config.options.helperText),typeof((o=this._config.options)==null?void 0:o.label)=="string"&&this._createLabel(this._config.options.label),((l=this._config.options)==null?void 0:l.step)!==void 0&&(this.inputElement.step=this._config.options.step)}get value(){return this._textFieldDelegate.inputElement.value}set value(t){this._textFieldDelegate.inputElement.value=t}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(t){this._textFieldDelegate.inputElement.disabled=t}get invalid(){return this._element.invalid||!1}set invalid(t){this._element.invalid=t}get inputElement(){return this._textFieldDelegate.inputElement}get labelElement(){return this._labelElement}onChange(t){this._textFieldDelegate.inputElement.addEventListener("input",e=>t(e.target.value))}onFocus(t){this._textFieldDelegate.inputElement.addEventListener("focus",e=>t(e))}onBlur(t){this._textFieldDelegate.inputElement.addEventListener("blur",e=>t(e))}_attachTextField(t){var n,o,l,d,E;let e={props:v({},(o=(n=this._config.options)==null?void 0:n.textFieldDelegateConfig)==null?void 0:o.props),options:y(v({},(d=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:d.options),{id:(E=this._config.options)==null?void 0:E.id,type:"number"})};this._textFieldDelegate=new N(e),t.appendChild(this._textFieldDelegate.element)}setLabel(t){t?this._labelElement?this._labelElement.textContent=t:this._createLabel(t):this._labelElement&&(this._element.removeChild(this._labelElement),this._labelElement=void 0)}setHelperText(t){t?(this._helperTextElement||(this._helperTextElement=document.createElement("span"),this._helperTextElement.slot="helper-text",this._element.appendChild(this._helperTextElement)),this._helperTextElement.textContent=t):this._helperTextElement&&(this._element.removeChild(this._helperTextElement),this._helperTextElement=void 0)}_createLabel(t){var e;this._labelElement=document.createElement("label"),this._labelElement.textContent=t,this._labelElement.slot="label",(e=this._config.options)!=null&&e.id&&this._labelElement.setAttribute("for",this._config.options.id),this._element.appendChild(this._labelElement)}_attachButton(t,e,n){return new S({options:{iconName:e,parent:t,attributes:{slot:n}}})}};function vt(){x(s)}export{i as a,p as b,c,s as d,O as e,vt as f};
|
|
7
|
+
//# sourceMappingURL=chunk.Q6L7T6OJ.js.map
|
|
File without changes
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2022 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as Y}from"./chunk.54QFNVMG.js";import{a as X,b as L}from"./chunk.7JTKKFL4.js";import{a as k}from"./chunk.AMFXGOSA.js";import{a as z}from"./chunk.EC6JSIQW.js";import{a as q}from"./chunk.XYBFFTXS.js";import{a as g}from"./chunk.DRFU6POI.js";import{g as O,h as I}from"./chunk.LZMYHIO2.js";import{a as K,d as j}from"./chunk.7TQYFMM4.js";import{d as $}from"./chunk.BSZ2LBJX.js";import{g as P}from"./chunk.HN4PXH3D.js";import{d as G,e as M,f as B,i as R,x as U}from"./chunk.R4NDFXVA.js";import{b as _,d as W,h as A,j as v,n as b,p as V}from"./chunk.G76HB2FK.js";import{a as x}from"./chunk.MCIQXNKY.js";var de={POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",CHECKBOX_ELEMENT:"data-list-dropdown-checkbox",DATA_ALLOW_FOCUS:"data-list-dropdown-allow-focus"},ae={GROUP_WRAPPER:"forge-list-dropdown__group-wrapper"},h={attributes:de,classes:ae},J={options:[],syncWidth:!1,selectedValues:[],multiple:!1},Q=(i=>(i.None="none",i.Standard="standard",i.Menu="menu",i))(Q||{}),Z=(t=>(t.Spinner="spinner",t.Skeleton="skeleton",t))(Z||{});var E=class{constructor(){this._listenerMap=new Map}_emit(e,t){let i=this._listenerMap.get(e);i&&i.length&&i.forEach(n=>n({type:e,data:t}))}hasListeners(e){return e?this._listenerMap.has(e):this._listenerMap.size>0}addListener(e,t){if(!this._listenerMap.has(e))this._listenerMap.set(e,[t]);else{let i=this._listenerMap.get(e);i&&i.push(t)}}removeListener(e,t){let i=this._listenerMap.get(e);i&&i.length&&i.includes(t)&&(i.splice(i.indexOf(t),1),i.length||this._listenerMap.delete(e))}};var f;(function(o){o.Up="up",o.Down="down",o.Left="left",o.Right="right"})(f||(f={}));var u;(function(o){o.Scroll="scroll",o.Scrolled="scrolled",o.ScrolledStart="scrolled-start",o.ScrolledEnd="scrolled-end"})(u||(u={}));var ce=100,w=class extends E{constructor(e,t={}){super(),this._element=e,this._config=t,this._axis="vertical",this._scrollThreshold=0,this._lastScrollPosition=0,this._lastScrollTop=0,this._lastScrollLeft=0,this._isListening=!1,this._initialize()}destroy(){this.stop()}start(){this._isListening||(this._element.addEventListener("scroll",this._scrollListener),this._isListening=!0)}stop(){this._element.removeEventListener("scroll",this._scrollListener),this._isListening=!1}_initialize(){if(this._config.throttle){let e=this._config.throttleTime||ce;this._scrollListener=V(()=>this._onScroll(),e)}else this._scrollListener=()=>this._onScroll();(!_(this._config.paused)||!this._config.paused)&&this.start(),_(this._config.axis)&&(this._axis=this._config.axis),_(this._config.scrollThreshold)&&W(this._config.scrollThreshold)&&(this._scrollThreshold=this._config.scrollThreshold)}_isScrollAxis(){let e=this._lastScrollTop!==this._element.scrollTop,t=this._lastScrollLeft!==this._element.scrollLeft;return this._axis==="vertical"&&e||this._axis==="horizontal"&&t}_onScroll(){if(!this._isScrollAxis())return;let e=this.scrollPosition,t=this._lastScrollPosition-e<0?this._axis==="vertical"?f.Down:f.Right:this._axis==="vertical"?f.Up:f.Left;this._emit(u.Scroll,{direction:t,position:e}),this._lastScrollPosition<=this._scrollThreshold&&e>this._scrollThreshold?this._emit(u.Scrolled,!0):this._lastScrollPosition>=this._scrollThreshold&&(this._scrollThreshold>0?e<this._scrollThreshold:e===0)&&this._emit(u.Scrolled,!1);let i=Math.round(e-this._scrollThreshold),n=Math.round(this.scrollSize-e);this._lastScrollPosition>=this._scrollThreshold&&i<=0?this._emit(u.ScrolledStart):this._lastScrollPosition<=this.scrollSize-this._scrollThreshold&&n<=this._scrollThreshold&&this._emit(u.ScrolledEnd),this._lastScrollPosition=e||0,this._lastScrollTop=this._element.scrollTop||0,this._lastScrollLeft=this._element.scrollLeft||0}get scrollPosition(){return this._axis==="vertical"?this._element.scrollTop:this._element.scrollLeft}get isScrolled(){return this.scrollPosition>this._scrollThreshold}get isScrolledStart(){return this.scrollPosition===0}get isScrolledEnd(){return this.scrollPosition===this._element.scrollWidth}get isScrollable(){return this._axis==="vertical"?this._element.scrollHeight>this._element.clientHeight:this._element.scrollWidth>this._element.clientWidth}get scrollSize(){return(this._axis==="vertical"?this._element.scrollHeight:this._element.scrollWidth)-this.elementSize}get elementSize(){return this._axis==="vertical"?this._element.clientHeight:this._element.clientWidth}setScrollPosition(e){this._axis==="vertical"?this._element.scrollTop=e:this._element.scrollLeft=e}};function te(o,e){let t=ue(o,e),i=`list-dropdown-popup-${o.id}`;switch(t.addEventListener("mousedown",n=>{let a=z(n);if(a.find(m=>m.nodeType===1&&m.hasAttribute(h.attributes.DATA_ALLOW_FOCUS)))return;a.find(m=>m.id===i||m.id===o.id)&&n.preventDefault()}),o.type){case"menu":t.setAttribute("role","menu"),t.setAttribute("aria-orientation","vertical");break;default:t.setAttribute("role","listbox")}return o.id&&(t.id=i),o.popupClasses&&B(o.popupClasses,t),t}function ue(o,e){let t=document.createElement(g.elementName);switch(t.targetElement=e,t.placement=o.popupPlacement||"bottom-start",t.manageFocus=!1,t.static=!!o.popupStatic,o.popupOffset&&(t.offset=o.popupOffset),o.type){case"menu":t.animationType="menu";break;case"none":t.animationType="none";break;default:t.animationType="dropdown"}return t}function ie(o){let e=document.createElement(X.elementName);return e.id=`list-dropdown-list-${o.id}`,e.propagateClick=!1,e}function y(o,e,t){let i=fe(t||o.options),n=!!o.optionLimit,a=o.optionLimit||0,p=0;for(let c of i){let m=e;if(c.builder&&typeof c.builder=="function"){let s=c.builder(c);if(s){let d=document.createElement("div");d.classList.add(h.classes.GROUP_WRAPPER),m=d,d.appendChild(s),e.appendChild(d)}}else if(c.text){let s=document.createElement("div");s.classList.add(h.classes.GROUP_WRAPPER);let d=document.createElement("div");d.textContent=c.text,d.classList.add("forge-typography--overline"),d.style.fontFamily="Roboto,sans-serif",d.style.fontSize="0.75rem",d.style.lineHeight="2rem",d.style.letterSpacing="0.16667em",d.style.fontWeight="500",d.style.margin="4px 8px",m=s,s.appendChild(d),e.appendChild(s)}for(let s of c.options){if(s.divider){let r=me();e.appendChild(r);continue}if(n&&--a<0)break;p++;let d=o.selectedValues?o.selectedValues.some(r=>b(r,s.value)):!1,l=document.createElement(L.elementName);switch(l.value=s.value,l.id=`list-dropdown-option-${o.id}-${p}`,l.style.cursor="pointer",s.optionClass&&(typeof s.optionClass=="string"||Array.isArray(s.optionClass)&&s.optionClass.length)&&B(s.optionClass,l),o.type){case"menu":l.setAttribute("role","menuitem");break;case"none":break;default:l.setAttribute("role","option")}if(o.dense&&(l.dense=!0),o.optionBuilder&&typeof o.optionBuilder=="function"){let r=o.optionBuilder(s,l);r&&(typeof r=="string"?l.innerHTML=r:l.appendChild(r))}else if(typeof o.transform!="function")l.textContent=s.label||"";else{let r=o.transform(s.label);typeof r=="string"?l.textContent=r:typeof r=="object"&&r.nodeType!==void 0&&l.appendChild(r)}if(s.leadingBuilder){let r=s.leadingBuilder();v(r)&&(r.slot="leading",l.appendChild(r))}else if(s.leadingIcon){let r=ee(s.leadingIconType,s.leadingIcon,s.leadingIconClass||o.iconClass);r.slot="leading",l.appendChild(r)}if(s.trailingBuilder){let r=s.trailingBuilder();v(r)&&(r.slot="trailing",l.appendChild(r))}else if(s.trailingIcon){let r=ee(s.trailingIconType,s.trailingIcon,s.trailingIconClass||o.iconClass);r.slot="trailing",l.appendChild(r)}if(s.disabled?(l.disabled=s.disabled,l.setAttribute("aria-disabled","true")):(l.style.cursor="pointer",l.setAttribute("aria-disabled","false")),d&&(l.selected=!0),l.setAttribute("aria-selected",d?"true":"false"),o.multiple){let r=C(d);l.appendChild(r),l.setAttribute("aria-selected",`${d}`),l.setAttribute("aria-checked",`${d}`)}if(s.elementAttributes&&s.elementAttributes.forEach((r,N)=>{l.setAttribute(N,r)}),!s.disabled&&typeof o.cascadingElementFactory=="function"&&Array.isArray(s.options)&&s.options.length){let r=document.createElement("forge-icon");r.name="arrow_right",r.slot="trailing",l.appendChild(r);let le={index:c.options.filter(pe=>!pe.divider).indexOf(s),options:s.options,parentValue:s.value},F=o.cascadingElementFactory.call(null,le);F.appendChild(l),l=F}m.appendChild(l)}}}function C(o){let e=document.createElement("forge-icon");return e.setAttribute(h.attributes.CHECKBOX_ELEMENT,""),e.name=o?I.name:O.name,e.slot="leading",e.style.marginRight="16px",e.style.verticalAlign="middle",e}function me(){let o=document.createElement("forge-divider");return o.setAttribute("aria-hidden","true"),o}function ee(o="font",e,t){if(o==="component"){let n=document.createElement("forge-icon");return t&&n.classList.add(t),n.setAttribute("aria-hidden","true"),n.name=e,n}let i=document.createElement("i");return i.classList.add(t||$),i.setAttribute("aria-hidden","true"),i.textContent=e,i}function oe(o){switch(o){case"skeleton":return _e();default:return he()}}function he(){let o=document.createElement("div");o.style.display="flex",o.style.justifyContent="center",o.style.alignItems="center",o.style.padding="8px",o.style.boxSizing="border-box";let e=document.createElement("forge-circular-progress");return e.style.setProperty("--forge-circular-progress-size","24px"),o.appendChild(e),o}function _e(){let o=document.createElement("forge-list"),e=document.createElement("div");e.style.minWidth="192px";for(let t=0;t<3;t++){let i=document.createElement(Y.elementName);i.setAttribute("list-item",""),e.appendChild(i)}return o.appendChild(e),o}function ne(){let o=document.createElement(q.elementName);return o.determinate=!1,o.style.position="absolute",o.style.top="0",o.style.left="0",o.style.right="0",o.style.width="100%",o}function fe(o){return H(o,1)?o:[{text:"",options:o}]}function H(o,e){let t=o.some(n=>_(n)&&v(n)&&n.hasOwnProperty("options")&&(n.hasOwnProperty("text")||n.hasOwnProperty("builder"))),i=o.some(n=>_(n)&&v(n)&&n.hasOwnProperty("label")&&n.hasOwnProperty("value"));return t&&e===1||i&&e===0}var S=class{constructor(e,t){this._adapter=e;this._open=!1;this._config=Object.assign(x({},J),x({},t)),this._selectListener=(i,n)=>this._onSelect(i,n),this._closeListener=()=>{typeof this._config.closeCallback=="function"&&this._config.closeCallback()},this._scrollEndListener=()=>{this._config.observeScroll&&typeof this._config.scrollEndListener=="function"&&this._config.scrollEndListener()}}destroy(){this._open&&this.close()}open(){this._open||(this._open=!0,this._adapter.open(this._config,this._selectListener,this._closeListener),window.requestAnimationFrame(()=>{this._open&&this.activateInitialOption()}),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0))}close(){this._open&&(this._open=!1,this._adapter.close(),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.removeScrollBottomListener(this._scrollEndListener))}_onSelect(e,t){if(typeof this._config.activeChangeCallback=="function"&&this._config.activeChangeCallback(t),typeof this._config.selectCallback=="function"&&this._config.selectCallback(e),this._open){let i=this._config.syncWidth===void 0;this._adapter.syncWidth(i)}}getActiveOptionIndex(){return this._adapter.getActiveOptionIndex()}getActiveOption(){let e=this.getActiveOptionIndex();return e>=0?this._nonDividerOptions[e]:void 0}toggleOptionMultiple(e,t){return this._adapter.toggleOptionMultiple(e,t)}activateSelectedOption(){this._adapter.activateSelectedOption(this._config)}activateFirstOption(){let e=this._nonDividerOptions.findIndex(t=>!t.disabled);return e!==-1&&this.activateOption(e),e}activateLastOption(){let e=this._nonDividerOptions,t=e.length-1-e.findIndex(i=>!i.disabled);return t!==-1&&this.activateOption(t),t}activateOption(e,t){return this._adapter.activateOption(e,this._config.activeChangeCallback,t)}activateInitialOption(){typeof this._config.activeStartIndex=="number"&&this._nonDividerOptions[this._config.activeStartIndex]?(this.activateOption(this._config.activeStartIndex,!1),this._adapter.scrollSelectedOptionIntoView(!1)):this._config.selectedValues&&this._config.selectedValues.length&&this._adapter.scrollSelectedOptionIntoView(!1)}setSelectedValues(e){Array.isArray(e)||(e=[e]),!this._config.multiple&&e.length>1&&(e=[e[0]]),this._config.selectedValues=e,this._adapter.setSelectedValues(e,this._config.multiple)}clearActiveOption(){this._adapter.clearActiveOption()}setOptions(e){this._config.options=e,this._open&&(this._adapter.setOptions(this._config),this.activateInitialOption())}appendOptions(e){this._config.options=[...this._config.options,...e],this._open&&this._adapter.appendOptions(e,this._config)}get dropdownElement(){return this._adapter.dropdownElement}scrollSelectedOptionIntoView(e=!0){this._adapter.scrollSelectedOptionIntoView(e)}setScrollBottomListener(e,t){this._config.scrollEndListener=e,this._config.observeScroll=!0,this._config.observeScrollThreshold=t,this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0)}removeScrollBottomListener(){this._config.scrollEndListener=void 0,this._adapter.removeScrollBottomListener(this._scrollEndListener)}setBusyVisibility(e){!this._config.allowBusy||this._adapter.setBusyVisibility(e)}handleKey(e){switch(e){case"Enter":let t=this.getActiveOptionIndex(),i=this._nonDividerOptions[t];if(this._canSelectOption(i)){let p=this._adapter.getActiveOptionIdByIndex(t);p&&this._onSelect(i.value,p)}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":let n=this._nonDividerOptions;if(n.length&&n.every(p=>!this._canSelectOption(p)))return;let a=this._getNextActiveOptionIndex(e);this.activateOption(a);break;case"Home":this.activateFirstOption();break;case"End":this.activateLastOption();break}}_canSelectOption(e){return e&&!e.disabled&&!e.divider}_getNextActiveOptionIndex(e){let t=this._adapter.getActiveOptionIndex();return t===-1&&(t=this._adapter.getSelectedOptionIndex()),e==="ArrowUp"||e==="Up"?this._getPreviousHighlightableOptionIndex(t,this._nonDividerOptions):this._getNextHighlightableOptionIndex(t,this._nonDividerOptions)}_getPreviousHighlightableOptionIndex(e,t){let i=e<=0?t.length-1:e-1;return t[i].disabled?this._getPreviousHighlightableOptionIndex(i,t):i}_getNextHighlightableOptionIndex(e,t){let i=e===t.length-1?0:e+1;return t[i].disabled?this._getNextHighlightableOptionIndex(i,t):i}get _flatOptions(){return H(this._config.options,1)?this._config.options.reduce((t,i)=>t.concat(i.options),[]):[...this._config.options]}get _nonDividerOptions(){return this._flatOptions.filter(e=>!e.divider)}};var D=class{constructor(e){this._targetElement=e}get dropdownElement(){return this._dropdownElement}open(e,t,i){this._dropdownElement=te(e,this._targetElement),this.syncWidth(!!e.syncWidth,e.targetWidthCallback),e.allowBusy&&(this._busyElement=ne(),this._busyElement.style.display="none",this._dropdownElement.appendChild(this._busyElement)),e.headerBuilder&&(this._headerElement=e.headerBuilder(),this._headerElement&&this._headerElement.setAttribute(h.attributes.DATA_ALLOW_FOCUS,"")),e.footerBuilder&&(this._footerElement=e.footerBuilder(),this._footerElement&&this._footerElement.setAttribute(h.attributes.DATA_ALLOW_FOCUS,"")),this._listElement=ie(e),this._listElement.addEventListener(L.events.SELECT,n=>{n.detail.listItem.setAttribute("aria-selected","true"),t(n.detail.value,n.detail.listItem.id)}),e.options.length?(y(e,this._listElement),this._dropdownElement.appendChild(this._listElement),this._headerElement&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&this._dropdownElement.appendChild(this._footerElement)):e.allowBusy&&(this._asyncElement=oe(e.asyncStyle),this._dropdownElement.appendChild(this._asyncElement)),this._announcerElement=k(),this._announcerElement.id=`${e.id}-activedescendant`,this._dropdownElement.appendChild(this._announcerElement),this._dropdownElement.open=!0}close(){!this._dropdownElement||(this._dropdownElement.open=!1,this._dropdownElement=void 0,this._listElement=void 0,this._announcerElement=void 0)}setScrollBottomListener(e,t){if(this._dropdownElement&&!this._scrollObserver){let i=P(this._dropdownElement,g.selectors.CONTAINER),n={scrollThreshold:t};this._scrollObserver=new w(i,n),this._scrollObserver.addListener(u.ScrolledEnd,e)}}removeScrollBottomListener(e){this._scrollObserver&&this._scrollObserver.removeListener(u.ScrolledEnd,e)}getActiveOptionIndex(){if(!this._dropdownElement)return-1;let e=this._getListItemElements(),t=[...e].reverse().find(i=>i.active);return t?e.indexOf(t):-1}getSelectedOptionIndex(){return this._getListItemElements().findIndex(t=>t.selected)}getActiveOptionIdByIndex(e){if(!this._dropdownElement)return null;let i=this._getListItemElements()[e];return i?i.id:null}toggleOptionMultiple(e,t){if(!this._dropdownElement)return;let i=this._getListItemElements();i.length&&i[e]&&this._toggleSelectedOption(i[e],t)}scrollSelectedOptionIntoView(e=!0){let t=this._getSelectedListItem();this._scrollListItemIntoView(t,e?"smooth":"auto","center")}activateSelectedOption(e){let t=this._getListItemElements();t.length&&t.filter(a=>a.active).forEach(a=>a.active=!1);let i=this._getSelectedListItem();i&&this._activateListOption(i,e.activeChangeCallback)}activateOption(e,t,i=!0){if(!this._dropdownElement)return;let n=this._getListItemElements();n.length&&(n.filter(p=>p.active).forEach(p=>p.active=!1),this._activateListOption(n[e],t),this._scrollListItemIntoView(n[e],i?"smooth":"auto"))}setSelectedValues(e,t=!1){if(!this._dropdownElement)return;let i=this._getListItemElements();for(let n of i){let a=e.some(p=>b(p,n.value));if(n.selected=a,t){let p=n.querySelector(`[${h.attributes.CHECKBOX_ELEMENT}]`);if(p){let c=C(a);M(c,p)}}}}clearActiveOption(){this._getListItemElements().forEach(t=>t.active=!1)}syncWidth(e,t){this._dropdownElement&&(this._dropdownElement.style[e?"width":"minWidth"]=`${this._getTargetElementWidth(t)}px`)}setOptions(e){!this._dropdownElement||!this._listElement||(this._asyncElement&&this._asyncElement.isConnected&&R(this._asyncElement),this._busyElement&&this._busyElement.close(),this._listElement.isConnected||this._dropdownElement.appendChild(this._listElement),G(this._listElement),y(e,this._listElement),this._headerElement&&!this._headerElement.isConnected&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&!this._footerElement.isConnected&&this._dropdownElement.insertAdjacentElement("beforeend",this._footerElement),"position"in this._dropdownElement&&typeof this._dropdownElement.position=="function"&&this._dropdownElement.position())}appendOptions(e,t){!this._dropdownElement||!this._listElement||y(t,this._listElement,e)}setBusyVisibility(e){!this._dropdownElement||(e?(this._busyElement.style.removeProperty("display"),this._busyElement.open()):this._busyElement.close())}getScreenWidth(){return window.innerWidth}_getListItemElements(){return this._dropdownElement?Array.from(this._dropdownElement.querySelectorAll(L.elementName)):[]}_toggleSelectedOption(e,t){if(!this._dropdownElement)return;let i=this._getListItemElements();if(i.length){let a=i.filter(p=>p!==e&&p.active);a.length&&a.forEach(p=>p.active=!1)}e.selected=t,e.setAttribute("aria-selected",`${t}`),e.setAttribute("aria-checked",`${t}`),t&&(e.active=!0);let n=e.querySelector(`${K.elementName}[slot=leading]`);if(n){let a=C(t);M(a,n)}}_getTargetElementWidth(e){return e&&A(e)?e():this._targetElement.getBoundingClientRect().width}_activateListOption(e,t){e&&!e.disabled&&(e.active=!0,t&&A(t)&&t(e.id))}_scrollListItemIntoView(e,t="auto",i="nearest"){if(e&&this._dropdownElement&&this._dropdownElement.isConnected){let n=P(this._dropdownElement,g.selectors.CONTAINER);n&&U(n,e,t,i)}}_getSelectedListItem(){return this._getListItemElements().find(t=>t.selected)}};var se=class{constructor(e,t){this._targetElement=e;j.define([I,O]),this._foundation=new S(new D(this._targetElement),t)}destroy(){this._foundation.destroy()}open(){this._foundation.open()}close(){this._foundation.close()}getActiveOptionIndex(){return this._foundation.getActiveOptionIndex()}getActiveOption(){return this._foundation.getActiveOption()}toggleOptionMultiple(e,t){return this._foundation.toggleOptionMultiple(e,t)}activateSelectedOption(){this._foundation.activateSelectedOption()}activateFirstOption(){return this._foundation.activateFirstOption()}activateOption(e){return this._foundation.activateOption(e)}activateInitialOption(){return this._foundation.activateInitialOption()}clearActiveOption(){this._foundation.clearActiveOption()}setSelectedValues(e){return this._foundation.setSelectedValues(e)}get dropdownElement(){return this._foundation.dropdownElement}setOptions(e){this._foundation.setOptions(e)}appendOptions(e){this._foundation.appendOptions(e)}scrollSelectedOptionIntoView(e){this._foundation.scrollSelectedOptionIntoView()}setScrollBottomListener(e,t){this._foundation.setScrollBottomListener(e,t)}removeScrollBottomListener(){this._foundation.removeScrollBottomListener()}setBusyVisibility(e){this._foundation.setBusyVisibility(e)}handleKey(e){this._foundation.handleKey(e)}};var T=class{constructor(){this._popupClasses=[];this._syncPopupWidth=!1;this._optionLimit=0;this._observeScroll=!1;this._observeScrollThreshold=0}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth=e}get popupClasses(){return this._popupClasses}set popupClasses(e){typeof e=="string"&&(e=[e]),Array.isArray(e)&&(this._popupClasses=e)}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit=e}get popupHeaderBuilder(){return this._popupHeaderBuilder}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}get popupFooterBuilder(){return this._popupFooterBuilder}set popupFooterBuilder(e){this._popupFooterBuilder=e}_applySelection(){}};var re=class extends T{constructor(t){super();this._config=t;this._open=!1;this._options=[];this._childOpen=!1;this._popupHasMouse=!1;this._targetMouseEnterListener=i=>this._onTargetMouseEnter(i),this._targetMouseLeaveListener=i=>this._onTargetMouseLeave(i),this._childPopupMouseEnterListener=()=>this._onChildPopupMouseEnter(),this._childPopupMouseLeaveListener=()=>this._onChildPopupMouseLeave(),this._documentMouseMoveListener=i=>this._mouseCoords={x:i.pageX,y:i.pageY}}_onChildPopupMouseEnter(){this._popupHasMouse=!0}_onChildPopupMouseLeave(){this._popupHasMouse=!1,setTimeout(()=>{let t=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);!this._popupHasMouse&&!this._childOpen&&(!t||!this._isOwnElement(t))&&this._closeDropdown()},this._config.popupTimeout)}_onTargetMouseEnter(t){!this._options.length||this._openDropdown()}_onTargetMouseLeave(t){this._activeMouseLeaveTimeout=window.setTimeout(()=>{if(!(!this._open||this._childOpen)){if(this._mouseCoords){let i=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);if(i&&this._isOwnElement(i))return}this._closeDropdown()}},this._config.targetTimeout)}_clearMouseLeaveTimeout(){this._activeMouseLeaveTimeout!==void 0&&window.clearTimeout(this._activeMouseLeaveTimeout)}};export{h as a,J as b,Q as c,Z as d,H as e,S as f,D as g,se as h,T as i,re as j};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a as Y}from"./chunk.54QFNVMG.js";import{a as X,b as L}from"./chunk.7JTKKFL4.js";import{a as k}from"./chunk.AMFXGOSA.js";import{a as z}from"./chunk.EC6JSIQW.js";import{a as q}from"./chunk.XYBFFTXS.js";import{a as g}from"./chunk.DRFU6POI.js";import{g as O,h as I}from"./chunk.LZMYHIO2.js";import{a as K,d as j}from"./chunk.YAJT3P6V.js";import{d as $}from"./chunk.BSZ2LBJX.js";import{g as P}from"./chunk.HN4PXH3D.js";import{d as G,e as M,f as B,i as R,x as U}from"./chunk.R4NDFXVA.js";import{b as _,d as W,h as A,j as v,n as b,p as V}from"./chunk.G76HB2FK.js";import{a as x}from"./chunk.MCIQXNKY.js";var de={POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",CHECKBOX_ELEMENT:"data-list-dropdown-checkbox",DATA_ALLOW_FOCUS:"data-list-dropdown-allow-focus"},ae={GROUP_WRAPPER:"forge-list-dropdown__group-wrapper"},h={attributes:de,classes:ae},J={options:[],syncWidth:!1,selectedValues:[],multiple:!1},Q=(i=>(i.None="none",i.Standard="standard",i.Menu="menu",i))(Q||{}),Z=(t=>(t.Spinner="spinner",t.Skeleton="skeleton",t))(Z||{});var E=class{constructor(){this._listenerMap=new Map}_emit(e,t){let i=this._listenerMap.get(e);i&&i.length&&i.forEach(n=>n({type:e,data:t}))}hasListeners(e){return e?this._listenerMap.has(e):this._listenerMap.size>0}addListener(e,t){if(!this._listenerMap.has(e))this._listenerMap.set(e,[t]);else{let i=this._listenerMap.get(e);i&&i.push(t)}}removeListener(e,t){let i=this._listenerMap.get(e);i&&i.length&&i.includes(t)&&(i.splice(i.indexOf(t),1),i.length||this._listenerMap.delete(e))}};var f;(function(o){o.Up="up",o.Down="down",o.Left="left",o.Right="right"})(f||(f={}));var u;(function(o){o.Scroll="scroll",o.Scrolled="scrolled",o.ScrolledStart="scrolled-start",o.ScrolledEnd="scrolled-end"})(u||(u={}));var ce=100,w=class extends E{constructor(e,t={}){super(),this._element=e,this._config=t,this._axis="vertical",this._scrollThreshold=0,this._lastScrollPosition=0,this._lastScrollTop=0,this._lastScrollLeft=0,this._isListening=!1,this._initialize()}destroy(){this.stop()}start(){this._isListening||(this._element.addEventListener("scroll",this._scrollListener),this._isListening=!0)}stop(){this._element.removeEventListener("scroll",this._scrollListener),this._isListening=!1}_initialize(){if(this._config.throttle){let e=this._config.throttleTime||ce;this._scrollListener=V(()=>this._onScroll(),e)}else this._scrollListener=()=>this._onScroll();(!_(this._config.paused)||!this._config.paused)&&this.start(),_(this._config.axis)&&(this._axis=this._config.axis),_(this._config.scrollThreshold)&&W(this._config.scrollThreshold)&&(this._scrollThreshold=this._config.scrollThreshold)}_isScrollAxis(){let e=this._lastScrollTop!==this._element.scrollTop,t=this._lastScrollLeft!==this._element.scrollLeft;return this._axis==="vertical"&&e||this._axis==="horizontal"&&t}_onScroll(){if(!this._isScrollAxis())return;let e=this.scrollPosition,t=this._lastScrollPosition-e<0?this._axis==="vertical"?f.Down:f.Right:this._axis==="vertical"?f.Up:f.Left;this._emit(u.Scroll,{direction:t,position:e}),this._lastScrollPosition<=this._scrollThreshold&&e>this._scrollThreshold?this._emit(u.Scrolled,!0):this._lastScrollPosition>=this._scrollThreshold&&(this._scrollThreshold>0?e<this._scrollThreshold:e===0)&&this._emit(u.Scrolled,!1);let i=Math.round(e-this._scrollThreshold),n=Math.round(this.scrollSize-e);this._lastScrollPosition>=this._scrollThreshold&&i<=0?this._emit(u.ScrolledStart):this._lastScrollPosition<=this.scrollSize-this._scrollThreshold&&n<=this._scrollThreshold&&this._emit(u.ScrolledEnd),this._lastScrollPosition=e||0,this._lastScrollTop=this._element.scrollTop||0,this._lastScrollLeft=this._element.scrollLeft||0}get scrollPosition(){return this._axis==="vertical"?this._element.scrollTop:this._element.scrollLeft}get isScrolled(){return this.scrollPosition>this._scrollThreshold}get isScrolledStart(){return this.scrollPosition===0}get isScrolledEnd(){return this.scrollPosition===this._element.scrollWidth}get isScrollable(){return this._axis==="vertical"?this._element.scrollHeight>this._element.clientHeight:this._element.scrollWidth>this._element.clientWidth}get scrollSize(){return(this._axis==="vertical"?this._element.scrollHeight:this._element.scrollWidth)-this.elementSize}get elementSize(){return this._axis==="vertical"?this._element.clientHeight:this._element.clientWidth}setScrollPosition(e){this._axis==="vertical"?this._element.scrollTop=e:this._element.scrollLeft=e}};function te(o,e){let t=ue(o,e),i=`list-dropdown-popup-${o.id}`;switch(t.addEventListener("mousedown",n=>{let a=z(n);if(a.find(m=>m.nodeType===1&&m.hasAttribute(h.attributes.DATA_ALLOW_FOCUS)))return;a.find(m=>m.id===i||m.id===o.id)&&n.preventDefault()}),o.type){case"menu":t.setAttribute("role","menu"),t.setAttribute("aria-orientation","vertical");break;default:t.setAttribute("role","listbox")}return o.id&&(t.id=i),o.popupClasses&&B(o.popupClasses,t),t}function ue(o,e){let t=document.createElement(g.elementName);switch(t.targetElement=e,t.placement=o.popupPlacement||"bottom-start",t.manageFocus=!1,t.static=!!o.popupStatic,o.popupOffset&&(t.offset=o.popupOffset),o.type){case"menu":t.animationType="menu";break;case"none":t.animationType="none";break;default:t.animationType="dropdown"}return t}function ie(o){let e=document.createElement(X.elementName);return e.id=`list-dropdown-list-${o.id}`,e.propagateClick=!1,e}function y(o,e,t){let i=fe(t||o.options),n=!!o.optionLimit,a=o.optionLimit||0,p=0;for(let c of i){let m=e;if(c.builder&&typeof c.builder=="function"){let s=c.builder(c);if(s){let d=document.createElement("div");d.classList.add(h.classes.GROUP_WRAPPER),m=d,d.appendChild(s),e.appendChild(d)}}else if(c.text){let s=document.createElement("div");s.classList.add(h.classes.GROUP_WRAPPER);let d=document.createElement("div");d.textContent=c.text,d.classList.add("forge-typography--overline"),d.style.fontFamily="Roboto,sans-serif",d.style.fontSize="0.75rem",d.style.lineHeight="2rem",d.style.letterSpacing="0.16667em",d.style.fontWeight="500",d.style.margin="4px 8px",m=s,s.appendChild(d),e.appendChild(s)}for(let s of c.options){if(s.divider){let r=me();e.appendChild(r);continue}if(n&&--a<0)break;p++;let d=o.selectedValues?o.selectedValues.some(r=>b(r,s.value)):!1,l=document.createElement(L.elementName);switch(l.value=s.value,l.id=`list-dropdown-option-${o.id}-${p}`,l.style.cursor="pointer",s.optionClass&&(typeof s.optionClass=="string"||Array.isArray(s.optionClass)&&s.optionClass.length)&&B(s.optionClass,l),o.type){case"menu":l.setAttribute("role","menuitem");break;case"none":break;default:l.setAttribute("role","option")}if(o.dense&&(l.dense=!0),o.optionBuilder&&typeof o.optionBuilder=="function"){let r=o.optionBuilder(s,l);r&&(typeof r=="string"?l.innerHTML=r:l.appendChild(r))}else if(typeof o.transform!="function")l.textContent=s.label||"";else{let r=o.transform(s.label);typeof r=="string"?l.textContent=r:typeof r=="object"&&r.nodeType!==void 0&&l.appendChild(r)}if(s.leadingBuilder){let r=s.leadingBuilder();v(r)&&(r.slot="leading",l.appendChild(r))}else if(s.leadingIcon){let r=ee(s.leadingIconType,s.leadingIcon,s.leadingIconClass||o.iconClass);r.slot="leading",l.appendChild(r)}if(s.trailingBuilder){let r=s.trailingBuilder();v(r)&&(r.slot="trailing",l.appendChild(r))}else if(s.trailingIcon){let r=ee(s.trailingIconType,s.trailingIcon,s.trailingIconClass||o.iconClass);r.slot="trailing",l.appendChild(r)}if(s.disabled?(l.disabled=s.disabled,l.setAttribute("aria-disabled","true")):(l.style.cursor="pointer",l.setAttribute("aria-disabled","false")),d&&(l.selected=!0),l.setAttribute("aria-selected",d?"true":"false"),o.multiple){let r=C(d);l.appendChild(r),l.setAttribute("aria-selected",`${d}`),l.setAttribute("aria-checked",`${d}`)}if(s.elementAttributes&&s.elementAttributes.forEach((r,N)=>{l.setAttribute(N,r)}),!s.disabled&&typeof o.cascadingElementFactory=="function"&&Array.isArray(s.options)&&s.options.length){let r=document.createElement("forge-icon");r.name="arrow_right",r.slot="trailing",l.appendChild(r);let le={index:c.options.filter(pe=>!pe.divider).indexOf(s),options:s.options,parentValue:s.value},F=o.cascadingElementFactory.call(null,le);F.appendChild(l),l=F}m.appendChild(l)}}}function C(o){let e=document.createElement("forge-icon");return e.setAttribute(h.attributes.CHECKBOX_ELEMENT,""),e.name=o?I.name:O.name,e.slot="leading",e.style.marginRight="16px",e.style.verticalAlign="middle",e}function me(){let o=document.createElement("forge-divider");return o.setAttribute("aria-hidden","true"),o}function ee(o="font",e,t){if(o==="component"){let n=document.createElement("forge-icon");return t&&n.classList.add(t),n.setAttribute("aria-hidden","true"),n.name=e,n}let i=document.createElement("i");return i.classList.add(t||$),i.setAttribute("aria-hidden","true"),i.textContent=e,i}function oe(o){switch(o){case"skeleton":return _e();default:return he()}}function he(){let o=document.createElement("div");o.style.display="flex",o.style.justifyContent="center",o.style.alignItems="center",o.style.padding="8px",o.style.boxSizing="border-box";let e=document.createElement("forge-circular-progress");return e.style.setProperty("--forge-circular-progress-size","24px"),o.appendChild(e),o}function _e(){let o=document.createElement("forge-list"),e=document.createElement("div");e.style.minWidth="192px";for(let t=0;t<3;t++){let i=document.createElement(Y.elementName);i.setAttribute("list-item",""),e.appendChild(i)}return o.appendChild(e),o}function ne(){let o=document.createElement(q.elementName);return o.determinate=!1,o.style.position="absolute",o.style.top="0",o.style.left="0",o.style.right="0",o.style.width="100%",o}function fe(o){return H(o,1)?o:[{text:"",options:o}]}function H(o,e){let t=o.some(n=>_(n)&&v(n)&&n.hasOwnProperty("options")&&(n.hasOwnProperty("text")||n.hasOwnProperty("builder"))),i=o.some(n=>_(n)&&v(n)&&n.hasOwnProperty("label")&&n.hasOwnProperty("value"));return t&&e===1||i&&e===0}var S=class{constructor(e,t){this._adapter=e;this._open=!1;this._config=Object.assign(x({},J),x({},t)),this._selectListener=(i,n)=>this._onSelect(i,n),this._closeListener=()=>{typeof this._config.closeCallback=="function"&&this._config.closeCallback()},this._scrollEndListener=()=>{this._config.observeScroll&&typeof this._config.scrollEndListener=="function"&&this._config.scrollEndListener()}}destroy(){this._open&&this.close()}open(){this._open||(this._open=!0,this._adapter.open(this._config,this._selectListener,this._closeListener),window.requestAnimationFrame(()=>{this._open&&this.activateInitialOption()}),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0))}close(){this._open&&(this._open=!1,this._adapter.close(),this._config.observeScroll&&this._config.scrollEndListener&&this._adapter.removeScrollBottomListener(this._scrollEndListener))}_onSelect(e,t){if(typeof this._config.activeChangeCallback=="function"&&this._config.activeChangeCallback(t),typeof this._config.selectCallback=="function"&&this._config.selectCallback(e),this._open){let i=this._config.syncWidth===void 0;this._adapter.syncWidth(i)}}getActiveOptionIndex(){return this._adapter.getActiveOptionIndex()}getActiveOption(){let e=this.getActiveOptionIndex();return e>=0?this._nonDividerOptions[e]:void 0}toggleOptionMultiple(e,t){return this._adapter.toggleOptionMultiple(e,t)}activateSelectedOption(){this._adapter.activateSelectedOption(this._config)}activateFirstOption(){let e=this._nonDividerOptions.findIndex(t=>!t.disabled);return e!==-1&&this.activateOption(e),e}activateLastOption(){let e=this._nonDividerOptions,t=e.length-1-e.findIndex(i=>!i.disabled);return t!==-1&&this.activateOption(t),t}activateOption(e,t){return this._adapter.activateOption(e,this._config.activeChangeCallback,t)}activateInitialOption(){typeof this._config.activeStartIndex=="number"&&this._nonDividerOptions[this._config.activeStartIndex]?(this.activateOption(this._config.activeStartIndex,!1),this._adapter.scrollSelectedOptionIntoView(!1)):this._config.selectedValues&&this._config.selectedValues.length&&this._adapter.scrollSelectedOptionIntoView(!1)}setSelectedValues(e){Array.isArray(e)||(e=[e]),!this._config.multiple&&e.length>1&&(e=[e[0]]),this._config.selectedValues=e,this._adapter.setSelectedValues(e,this._config.multiple)}clearActiveOption(){this._adapter.clearActiveOption()}setOptions(e){this._config.options=e,this._open&&(this._adapter.setOptions(this._config),this.activateInitialOption())}appendOptions(e){this._config.options=[...this._config.options,...e],this._open&&this._adapter.appendOptions(e,this._config)}get dropdownElement(){return this._adapter.dropdownElement}scrollSelectedOptionIntoView(e=!0){this._adapter.scrollSelectedOptionIntoView(e)}setScrollBottomListener(e,t){this._config.scrollEndListener=e,this._config.observeScroll=!0,this._config.observeScrollThreshold=t,this._adapter.setScrollBottomListener(this._scrollEndListener,this._config.observeScrollThreshold||0)}removeScrollBottomListener(){this._config.scrollEndListener=void 0,this._adapter.removeScrollBottomListener(this._scrollEndListener)}setBusyVisibility(e){!this._config.allowBusy||this._adapter.setBusyVisibility(e)}handleKey(e){switch(e){case"Enter":let t=this.getActiveOptionIndex(),i=this._nonDividerOptions[t];if(this._canSelectOption(i)){let p=this._adapter.getActiveOptionIdByIndex(t);p&&this._onSelect(i.value,p)}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":let n=this._nonDividerOptions;if(n.length&&n.every(p=>!this._canSelectOption(p)))return;let a=this._getNextActiveOptionIndex(e);this.activateOption(a);break;case"Home":this.activateFirstOption();break;case"End":this.activateLastOption();break}}_canSelectOption(e){return e&&!e.disabled&&!e.divider}_getNextActiveOptionIndex(e){let t=this._adapter.getActiveOptionIndex();return t===-1&&(t=this._adapter.getSelectedOptionIndex()),e==="ArrowUp"||e==="Up"?this._getPreviousHighlightableOptionIndex(t,this._nonDividerOptions):this._getNextHighlightableOptionIndex(t,this._nonDividerOptions)}_getPreviousHighlightableOptionIndex(e,t){let i=e<=0?t.length-1:e-1;return t[i].disabled?this._getPreviousHighlightableOptionIndex(i,t):i}_getNextHighlightableOptionIndex(e,t){let i=e===t.length-1?0:e+1;return t[i].disabled?this._getNextHighlightableOptionIndex(i,t):i}get _flatOptions(){return H(this._config.options,1)?this._config.options.reduce((t,i)=>t.concat(i.options),[]):[...this._config.options]}get _nonDividerOptions(){return this._flatOptions.filter(e=>!e.divider)}};var D=class{constructor(e){this._targetElement=e}get dropdownElement(){return this._dropdownElement}open(e,t,i){this._dropdownElement=te(e,this._targetElement),this.syncWidth(!!e.syncWidth,e.targetWidthCallback),e.allowBusy&&(this._busyElement=ne(),this._busyElement.style.display="none",this._dropdownElement.appendChild(this._busyElement)),e.headerBuilder&&(this._headerElement=e.headerBuilder(),this._headerElement&&this._headerElement.setAttribute(h.attributes.DATA_ALLOW_FOCUS,"")),e.footerBuilder&&(this._footerElement=e.footerBuilder(),this._footerElement&&this._footerElement.setAttribute(h.attributes.DATA_ALLOW_FOCUS,"")),this._listElement=ie(e),this._listElement.addEventListener(L.events.SELECT,n=>{n.detail.listItem.setAttribute("aria-selected","true"),t(n.detail.value,n.detail.listItem.id)}),e.options.length?(y(e,this._listElement),this._dropdownElement.appendChild(this._listElement),this._headerElement&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&this._dropdownElement.appendChild(this._footerElement)):e.allowBusy&&(this._asyncElement=oe(e.asyncStyle),this._dropdownElement.appendChild(this._asyncElement)),this._announcerElement=k(),this._announcerElement.id=`${e.id}-activedescendant`,this._dropdownElement.appendChild(this._announcerElement),this._dropdownElement.open=!0}close(){!this._dropdownElement||(this._dropdownElement.open=!1,this._dropdownElement=void 0,this._listElement=void 0,this._announcerElement=void 0)}setScrollBottomListener(e,t){if(this._dropdownElement&&!this._scrollObserver){let i=P(this._dropdownElement,g.selectors.CONTAINER),n={scrollThreshold:t};this._scrollObserver=new w(i,n),this._scrollObserver.addListener(u.ScrolledEnd,e)}}removeScrollBottomListener(e){this._scrollObserver&&this._scrollObserver.removeListener(u.ScrolledEnd,e)}getActiveOptionIndex(){if(!this._dropdownElement)return-1;let e=this._getListItemElements(),t=[...e].reverse().find(i=>i.active);return t?e.indexOf(t):-1}getSelectedOptionIndex(){return this._getListItemElements().findIndex(t=>t.selected)}getActiveOptionIdByIndex(e){if(!this._dropdownElement)return null;let i=this._getListItemElements()[e];return i?i.id:null}toggleOptionMultiple(e,t){if(!this._dropdownElement)return;let i=this._getListItemElements();i.length&&i[e]&&this._toggleSelectedOption(i[e],t)}scrollSelectedOptionIntoView(e=!0){let t=this._getSelectedListItem();this._scrollListItemIntoView(t,e?"smooth":"auto","center")}activateSelectedOption(e){let t=this._getListItemElements();t.length&&t.filter(a=>a.active).forEach(a=>a.active=!1);let i=this._getSelectedListItem();i&&this._activateListOption(i,e.activeChangeCallback)}activateOption(e,t,i=!0){if(!this._dropdownElement)return;let n=this._getListItemElements();n.length&&(n.filter(p=>p.active).forEach(p=>p.active=!1),this._activateListOption(n[e],t),this._scrollListItemIntoView(n[e],i?"smooth":"auto"))}setSelectedValues(e,t=!1){if(!this._dropdownElement)return;let i=this._getListItemElements();for(let n of i){let a=e.some(p=>b(p,n.value));if(n.selected=a,t){let p=n.querySelector(`[${h.attributes.CHECKBOX_ELEMENT}]`);if(p){let c=C(a);M(c,p)}}}}clearActiveOption(){this._getListItemElements().forEach(t=>t.active=!1)}syncWidth(e,t){this._dropdownElement&&(this._dropdownElement.style[e?"width":"minWidth"]=`${this._getTargetElementWidth(t)}px`)}setOptions(e){!this._dropdownElement||!this._listElement||(this._asyncElement&&this._asyncElement.isConnected&&R(this._asyncElement),this._busyElement&&this._busyElement.close(),this._listElement.isConnected||this._dropdownElement.appendChild(this._listElement),G(this._listElement),y(e,this._listElement),this._headerElement&&!this._headerElement.isConnected&&this._dropdownElement.insertAdjacentElement("afterbegin",this._headerElement),this._footerElement&&!this._footerElement.isConnected&&this._dropdownElement.insertAdjacentElement("beforeend",this._footerElement),"position"in this._dropdownElement&&typeof this._dropdownElement.position=="function"&&this._dropdownElement.position())}appendOptions(e,t){!this._dropdownElement||!this._listElement||y(t,this._listElement,e)}setBusyVisibility(e){!this._dropdownElement||(e?(this._busyElement.style.removeProperty("display"),this._busyElement.open()):this._busyElement.close())}getScreenWidth(){return window.innerWidth}_getListItemElements(){return this._dropdownElement?Array.from(this._dropdownElement.querySelectorAll(L.elementName)):[]}_toggleSelectedOption(e,t){if(!this._dropdownElement)return;let i=this._getListItemElements();if(i.length){let a=i.filter(p=>p!==e&&p.active);a.length&&a.forEach(p=>p.active=!1)}e.selected=t,e.setAttribute("aria-selected",`${t}`),e.setAttribute("aria-checked",`${t}`),t&&(e.active=!0);let n=e.querySelector(`${K.elementName}[slot=leading]`);if(n){let a=C(t);M(a,n)}}_getTargetElementWidth(e){return e&&A(e)?e():this._targetElement.getBoundingClientRect().width}_activateListOption(e,t){e&&!e.disabled&&(e.active=!0,t&&A(t)&&t(e.id))}_scrollListItemIntoView(e,t="auto",i="nearest"){if(e&&this._dropdownElement&&this._dropdownElement.isConnected){let n=P(this._dropdownElement,g.selectors.CONTAINER);n&&U(n,e,t,i)}}_getSelectedListItem(){return this._getListItemElements().find(t=>t.selected)}};var se=class{constructor(e,t){this._targetElement=e;j.define([I,O]),this._foundation=new S(new D(this._targetElement),t)}destroy(){this._foundation.destroy()}open(){this._foundation.open()}close(){this._foundation.close()}getActiveOptionIndex(){return this._foundation.getActiveOptionIndex()}getActiveOption(){return this._foundation.getActiveOption()}toggleOptionMultiple(e,t){return this._foundation.toggleOptionMultiple(e,t)}activateSelectedOption(){this._foundation.activateSelectedOption()}activateFirstOption(){return this._foundation.activateFirstOption()}activateOption(e){return this._foundation.activateOption(e)}activateInitialOption(){return this._foundation.activateInitialOption()}clearActiveOption(){this._foundation.clearActiveOption()}setSelectedValues(e){return this._foundation.setSelectedValues(e)}get dropdownElement(){return this._foundation.dropdownElement}setOptions(e){this._foundation.setOptions(e)}appendOptions(e){this._foundation.appendOptions(e)}scrollSelectedOptionIntoView(e){this._foundation.scrollSelectedOptionIntoView()}setScrollBottomListener(e,t){this._foundation.setScrollBottomListener(e,t)}removeScrollBottomListener(){this._foundation.removeScrollBottomListener()}setBusyVisibility(e){this._foundation.setBusyVisibility(e)}handleKey(e){this._foundation.handleKey(e)}};var T=class{constructor(){this._popupClasses=[];this._syncPopupWidth=!1;this._optionLimit=0;this._observeScroll=!1;this._observeScrollThreshold=0}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth=e}get popupClasses(){return this._popupClasses}set popupClasses(e){typeof e=="string"&&(e=[e]),Array.isArray(e)&&(this._popupClasses=e)}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit=e}get popupHeaderBuilder(){return this._popupHeaderBuilder}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}get popupFooterBuilder(){return this._popupFooterBuilder}set popupFooterBuilder(e){this._popupFooterBuilder=e}_applySelection(){}};var re=class extends T{constructor(t){super();this._config=t;this._open=!1;this._options=[];this._childOpen=!1;this._popupHasMouse=!1;this._targetMouseEnterListener=i=>this._onTargetMouseEnter(i),this._targetMouseLeaveListener=i=>this._onTargetMouseLeave(i),this._childPopupMouseEnterListener=()=>this._onChildPopupMouseEnter(),this._childPopupMouseLeaveListener=()=>this._onChildPopupMouseLeave(),this._documentMouseMoveListener=i=>this._mouseCoords={x:i.pageX,y:i.pageY}}_onChildPopupMouseEnter(){this._popupHasMouse=!0}_onChildPopupMouseLeave(){this._popupHasMouse=!1,setTimeout(()=>{let t=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);!this._popupHasMouse&&!this._childOpen&&(!t||!this._isOwnElement(t))&&this._closeDropdown()},this._config.popupTimeout)}_onTargetMouseEnter(t){!this._options.length||this._openDropdown()}_onTargetMouseLeave(t){this._activeMouseLeaveTimeout=window.setTimeout(()=>{if(!(!this._open||this._childOpen)){if(this._mouseCoords){let i=document.elementFromPoint(this._mouseCoords.x,this._mouseCoords.y);if(i&&this._isOwnElement(i))return}this._closeDropdown()}},this._config.targetTimeout)}_clearMouseLeaveTimeout(){this._activeMouseLeaveTimeout!==void 0&&window.clearTimeout(this._activeMouseLeaveTimeout)}};export{h as a,J as b,Q as c,Z as d,H as e,S as f,D as g,se as h,T as i,re as j};
|
|
7
|
+
//# sourceMappingURL=chunk.QBDE7M3E.js.map
|
|
File without changes
|