@tylertech/forge 2.20.0 → 2.21.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 +37 -3
- package/dist/esm/app-bar/help-button/index.js +1 -1
- package/dist/esm/app-bar/index.js +1 -1
- package/dist/esm/autocomplete/index.js +1 -1
- package/dist/esm/chunks/{chunk.JMRXBELV.js → chunk.2VWASAUU.js} +2 -2
- package/dist/esm/chunks/{chunk.JMRXBELV.js.map → chunk.2VWASAUU.js.map} +3 -3
- package/dist/esm/chunks/{chunk.IDMAZQXY.js → chunk.326IKRDS.js} +2 -2
- package/dist/esm/chunks/{chunk.YW3PMPBB.js → chunk.B7LJJMMF.js} +2 -2
- package/dist/esm/chunks/{chunk.YW3PMPBB.js.map → chunk.B7LJJMMF.js.map} +1 -1
- package/dist/esm/chunks/{chunk.TVI6D4GA.js → chunk.ECIGY5TD.js} +2 -2
- package/dist/esm/chunks/{chunk.VFRPE3S3.js → chunk.FCTKNIBN.js} +2 -2
- package/dist/esm/chunks/{chunk.VFRPE3S3.js.map → chunk.FCTKNIBN.js.map} +2 -2
- package/dist/esm/chunks/chunk.Q7HX26UO.js +7 -0
- package/dist/esm/chunks/chunk.Q7HX26UO.js.map +7 -0
- package/dist/esm/chunks/{chunk.54KXJVRY.js → chunk.UQTJSPU4.js} +2 -2
- package/dist/esm/chunks/chunk.Y7YPNMPI.js +7 -0
- package/dist/esm/chunks/chunk.Y7YPNMPI.js.map +7 -0
- package/dist/esm/chunks/{chunk.CD33V3IO.js → chunk.ZWL2Q7E6.js} +2 -2
- package/dist/esm/chunks/{chunk.CD33V3IO.js.map → chunk.ZWL2Q7E6.js.map} +3 -3
- package/dist/esm/index.js +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/paginator/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/stepper/index.js +1 -1
- package/dist/esm/table/index.js +1 -1
- package/esm/autocomplete/autocomplete-foundation.js +2 -2
- package/esm/menu/menu-adapter.d.ts +3 -3
- package/esm/menu/menu-constants.d.ts +1 -1
- package/esm/menu/menu-foundation.d.ts +1 -0
- package/esm/menu/menu-foundation.js +11 -8
- package/esm/paginator/paginator-constants.d.ts +9 -0
- package/esm/paginator/paginator-foundation.d.ts +5 -2
- package/esm/paginator/paginator-foundation.js +29 -8
- package/esm/paginator/paginator.d.ts +3 -1
- package/esm/paginator/paginator.js +3 -0
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/stepper/stepper-foundation.js +1 -1
- package/esm/table/table-foundation.js +1 -5
- package/package.json +1 -1
- package/dist/esm/chunks/chunk.23QPY6PU.js +0 -7
- package/dist/esm/chunks/chunk.23QPY6PU.js.map +0 -7
- package/dist/esm/chunks/chunk.XY3WCDVX.js +0 -7
- package/dist/esm/chunks/chunk.XY3WCDVX.js.map +0 -7
- /package/dist/esm/chunks/{chunk.IDMAZQXY.js.map → chunk.326IKRDS.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.TVI6D4GA.js.map → chunk.ECIGY5TD.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.54KXJVRY.js.map → chunk.UQTJSPU4.js.map} +0 -0
package/custom-elements.json
CHANGED
|
@@ -52240,7 +52240,7 @@
|
|
|
52240
52240
|
{
|
|
52241
52241
|
"name": "options",
|
|
52242
52242
|
"type": {
|
|
52243
|
-
"text": "IMenuOption
|
|
52243
|
+
"text": "Array<IMenuOption | IMenuOptionGroup>"
|
|
52244
52244
|
}
|
|
52245
52245
|
}
|
|
52246
52246
|
]
|
|
@@ -53285,6 +53285,24 @@
|
|
|
53285
53285
|
},
|
|
53286
53286
|
"privacy": "private"
|
|
53287
53287
|
},
|
|
53288
|
+
{
|
|
53289
|
+
"kind": "method",
|
|
53290
|
+
"name": "_flattenOptions",
|
|
53291
|
+
"privacy": "private",
|
|
53292
|
+
"return": {
|
|
53293
|
+
"type": {
|
|
53294
|
+
"text": "IMenuOption[]"
|
|
53295
|
+
}
|
|
53296
|
+
},
|
|
53297
|
+
"parameters": [
|
|
53298
|
+
{
|
|
53299
|
+
"name": "options",
|
|
53300
|
+
"type": {
|
|
53301
|
+
"text": "Array<IMenuOption | IMenuOptionGroup>"
|
|
53302
|
+
}
|
|
53303
|
+
}
|
|
53304
|
+
]
|
|
53305
|
+
},
|
|
53288
53306
|
{
|
|
53289
53307
|
"kind": "method",
|
|
53290
53308
|
"name": "_onTargetClick",
|
|
@@ -56579,9 +56597,9 @@
|
|
|
56579
56597
|
},
|
|
56580
56598
|
{
|
|
56581
56599
|
"kind": "field",
|
|
56582
|
-
"name": "
|
|
56600
|
+
"name": "_rangeLabelCallback",
|
|
56583
56601
|
"type": {
|
|
56584
|
-
"text": "
|
|
56602
|
+
"text": "PaginatorRangeLabelBuilder"
|
|
56585
56603
|
},
|
|
56586
56604
|
"privacy": "private"
|
|
56587
56605
|
},
|
|
@@ -57083,6 +57101,14 @@
|
|
|
57083
57101
|
"text": "PaginatorAlternativeAlignment"
|
|
57084
57102
|
},
|
|
57085
57103
|
"privacy": "public"
|
|
57104
|
+
},
|
|
57105
|
+
{
|
|
57106
|
+
"kind": "field",
|
|
57107
|
+
"name": "rangeLabelCallback",
|
|
57108
|
+
"type": {
|
|
57109
|
+
"text": "PaginatorRangeLabelBuilder"
|
|
57110
|
+
},
|
|
57111
|
+
"privacy": "public"
|
|
57086
57112
|
}
|
|
57087
57113
|
]
|
|
57088
57114
|
}
|
|
@@ -57213,6 +57239,14 @@
|
|
|
57213
57239
|
},
|
|
57214
57240
|
"privacy": "public"
|
|
57215
57241
|
},
|
|
57242
|
+
{
|
|
57243
|
+
"kind": "field",
|
|
57244
|
+
"name": "rangeLabelCallback",
|
|
57245
|
+
"type": {
|
|
57246
|
+
"text": "PaginatorRangeLabelBuilder"
|
|
57247
|
+
},
|
|
57248
|
+
"privacy": "public"
|
|
57249
|
+
},
|
|
57216
57250
|
{
|
|
57217
57251
|
"kind": "method",
|
|
57218
57252
|
"name": "focus",
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e}from"../../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e}from"../../chunks/chunk.UQTJSPU4.js";import"../../chunks/chunk.Y7YPNMPI.js";import"../../chunks/chunk.D43PPRFO.js";import"../../chunks/chunk.WOTVTBJS.js";import"../../chunks/chunk.K7HRCGML.js";import"../../chunks/chunk.FZQCBRPK.js";import"../../chunks/chunk.SXTM6OK4.js";import"../../chunks/chunk.DYF2MREZ.js";import"../../chunks/chunk.6YPD6CQM.js";import"../../chunks/chunk.JD4APKZS.js";import"../../chunks/chunk.BL4IBI6G.js";import"../../chunks/chunk.V4TCOZLK.js";import"../../chunks/chunk.4DAIIJ37.js";import"../../chunks/chunk.3C44DXZ2.js";import"../../chunks/chunk.RLWX5BFQ.js";import"../../chunks/chunk.4CWMNWZU.js";import"../../chunks/chunk.2DXG2R3M.js";import"../../chunks/chunk.F3MP6AXF.js";import"../../chunks/chunk.MZLPUI6R.js";import"../../chunks/chunk.73GVVX4K.js";import"../../chunks/chunk.3IXTRC6Z.js";import"../../chunks/chunk.YI4JTY4T.js";import"../../chunks/chunk.3KQL7VAZ.js";import"../../chunks/chunk.IWICN773.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.2KXSGD3S.js";import"../../chunks/chunk.FVRSGKJD.js";import"../../chunks/chunk.U6WGJELL.js";import"../../chunks/chunk.7XFU2W25.js";import"../../chunks/chunk.Y66GSZJB.js";import"../../chunks/chunk.BESB4RGK.js";import"../../chunks/chunk.5KC43VFL.js";import"../../chunks/chunk.KTGSZEAG.js";import"../../chunks/chunk.QOA2O575.js";import"../../chunks/chunk.HOXFK44F.js";import"../../chunks/chunk.4LA6HEA7.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.MCIQXNKY.js";export{c as APP_BAR_HELP_BUTTON_CONSTANTS,a as AppBarHelpButtonAdapter,d as AppBarHelpButtonComponent,b as AppBarHelpButtonFoundation,e as defineAppBarHelpButtonComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f as I}from"../chunks/chunk.SAQSXX2T.js";import{a as t,b as u,c as v,d as w,e as x}from"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f as I}from"../chunks/chunk.SAQSXX2T.js";import{a as t,b as u,c as v,d as w,e as x}from"../chunks/chunk.UQTJSPU4.js";import"../chunks/chunk.Y7YPNMPI.js";import"../chunks/chunk.D43PPRFO.js";import"../chunks/chunk.WOTVTBJS.js";import"../chunks/chunk.K7HRCGML.js";import"../chunks/chunk.FZQCBRPK.js";import"../chunks/chunk.SXTM6OK4.js";import"../chunks/chunk.DYF2MREZ.js";import"../chunks/chunk.6YPD6CQM.js";import"../chunks/chunk.JD4APKZS.js";import"../chunks/chunk.BL4IBI6G.js";import"../chunks/chunk.V4TCOZLK.js";import"../chunks/chunk.4DAIIJ37.js";import{a as l,b as m,c as n}from"../chunks/chunk.XTMXGKUO.js";import{a as o,b as p,c as q,d as r,e as s}from"../chunks/chunk.AZFF62ZK.js";import"../chunks/chunk.76PI42C5.js";import{a as D,b as E,c as F,d as G,e as H}from"../chunks/chunk.JCDIPDQR.js";import{a as y,b as z,c as A,d as B,e as C}from"../chunks/chunk.TH7RLTJK.js";import"../chunks/chunk.ZCQO3N25.js";import"../chunks/chunk.EMV7JGHB.js";import"../chunks/chunk.AVKCWA7I.js";import"../chunks/chunk.BJZ7RB5F.js";import"../chunks/chunk.CE6NTUWI.js";import"../chunks/chunk.3C44DXZ2.js";import"../chunks/chunk.RLWX5BFQ.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import{a as f,b as g,c as h,d as i,e as j,f as k}from"../chunks/chunk.42QTJZSF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.73GVVX4K.js";import"../chunks/chunk.3IXTRC6Z.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.3KQL7VAZ.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{b as APP_BAR_CONSTANTS,v as APP_BAR_HELP_BUTTON_CONSTANTS,l as APP_BAR_MENU_BUTTON_CONSTANTS,p as APP_BAR_NOTIFICATION_BUTTON_CONSTANTS,D as APP_BAR_PROFILE_BUTTON_CONSTANTS,f as APP_BAR_SEARCH_CONSTANTS,c as AppBarAdapter,e as AppBarComponent,d as AppBarFoundation,t as AppBarHelpButtonAdapter,w as AppBarHelpButtonComponent,u as AppBarHelpButtonFoundation,m as AppBarMenuButtonComponent,o as AppBarNotificationButtonAdapter,r as AppBarNotificationButtonComponent,q as AppBarNotificationButtonFoundation,E as AppBarProfileButtonAdapter,G as AppBarProfileButtonComponent,F as AppBarProfileButtonFoundation,i as AppBarSearchAdapter,j as AppBarSearchComponent,h as AppBarSearchFoundation,g as DEFAULT_COMBINED_OPTIONS,y as PROFILE_CARD_CONSTANTS,z as ProfileCardAdapter,B as ProfileCardComponent,A as ProfileCardFoundation,I as defineAppBarComponent,x as defineAppBarHelpButtonComponent,n as defineAppBarMenuButtonComponent,s as defineAppBarNotificationButtonComponent,H as defineAppBarProfileButtonComponent,k as defineAppBarSearchComponent,C as defineProfileCardComponent,a as elementName};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f,g,h,i,j,k}from"../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f,g,h,i,j,k}from"../chunks/chunk.FCTKNIBN.js";import"../chunks/chunk.VTB27IL7.js";import"../chunks/chunk.G6GRI7UL.js";import"../chunks/chunk.NMKDIHFB.js";import"../chunks/chunk.L52XPVYZ.js";import"../chunks/chunk.2T6HVSO4.js";import"../chunks/chunk.DONAMICM.js";import"../chunks/chunk.DBKVUCUQ.js";import"../chunks/chunk.IX2UHMIM.js";import"../chunks/chunk.CKS5A4YN.js";import"../chunks/chunk.SFTWKDQV.js";import"../chunks/chunk.7NHFZL6J.js";import"../chunks/chunk.UVL4TIK2.js";import"../chunks/chunk.D43PPRFO.js";import"../chunks/chunk.WOTVTBJS.js";import"../chunks/chunk.K7HRCGML.js";import"../chunks/chunk.FZQCBRPK.js";import"../chunks/chunk.SXTM6OK4.js";import"../chunks/chunk.DYF2MREZ.js";import"../chunks/chunk.6YPD6CQM.js";import"../chunks/chunk.BL4IBI6G.js";import"../chunks/chunk.V4TCOZLK.js";import"../chunks/chunk.4DAIIJ37.js";import"../chunks/chunk.3C44DXZ2.js";import"../chunks/chunk.4CWMNWZU.js";import"../chunks/chunk.2DXG2R3M.js";import"../chunks/chunk.F3MP6AXF.js";import"../chunks/chunk.MZLPUI6R.js";import"../chunks/chunk.YI4JTY4T.js";import"../chunks/chunk.3KQL7VAZ.js";import"../chunks/chunk.IWICN773.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.2KXSGD3S.js";import"../chunks/chunk.FVRSGKJD.js";import"../chunks/chunk.U6WGJELL.js";import"../chunks/chunk.7XFU2W25.js";import"../chunks/chunk.Y66GSZJB.js";import"../chunks/chunk.BESB4RGK.js";import"../chunks/chunk.5KC43VFL.js";import"../chunks/chunk.KTGSZEAG.js";import"../chunks/chunk.QOA2O575.js";import"../chunks/chunk.HOXFK44F.js";import"../chunks/chunk.4LA6HEA7.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.MCIQXNKY.js";export{a as AUTOCOMPLETE_CONSTANTS,c as AutocompleteAdapter,i as AutocompleteComponent,j as AutocompleteComponentDelegate,h as AutocompleteFoundation,b as AutocompleteMode,d as OptionType,k as defineAutocompleteComponent,f as getSelectedOption,e as isOptionType,g as optionEqualPredicate};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,d as M}from"./chunk.AD4NVLFA.js";import{a as C}from"./chunk.4DAIIJ37.js";import{a as y}from"./chunk.YI4JTY4T.js";import{a as O}from"./chunk.5KC43VFL.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as x,b as D}from"./chunk.QOA2O575.js";import{a as T,e as R,g as E,l as N}from"./chunk.HOXFK44F.js";import{l as A,s as I,t as b}from"./chunk.4LA6HEA7.js";import{b as m,d as f,k as _}from"./chunk.J2M2MXP2.js";import{a as v,f as p}from"./chunk.MCIQXNKY.js";var Y=`${D}stepper`,F={STEPPER:"forge-stepper",LINEAR:"forge-stepper--linear",ALTERNATIVE:"forge-stepper--alternative",CLUSTERED:"forge-stepper--clustered",FIXED:"forge-stepper--fixed",ALIGN_LEFT:"forge-stepper--align-left",ALIGN_CENTER:"forge-stepper--align-center",ALIGN_RIGHT:"forge-stepper--align-right",VERTICAL:"forge-stepper--vertical",FOCUSED:"forge-stepper--focused"},K={STEPPER:`.${F.STEPPER}`},k={SELECTED_INDEX:"selected-index",LINEAR:"linear",ALTERNATIVE:"alternative",LAYOUT_MODE:"layout-mode",LAYOUT_ALIGN:"layout-align",DISABLED:"disabled",VERTICAL:"vertical"},n={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_KEY:"Tab"},u={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,HOME_KEYCODE:36,ENTER_KEYCODE:13,SPACE_KEYCODE:32},P=[n.ARROW_LEFT_KEY,n.ARROW_RIGHT_KEY,n.ARROW_DOWN_KEY,n.ARROW_UP_KEY,n.END_KEY,n.HOME_KEY,n.ENTER_KEY,n.SPACE_KEY,n.TAB_KEY],H={[u.ARROW_LEFT_KEYCODE]:n.ARROW_LEFT_KEY,[u.ARROW_RIGHT_KEYCODE]:n.ARROW_RIGHT_KEY,[u.END_KEYCODE]:n.END_KEY,[u.HOME_KEYCODE]:n.HOME_KEY,[u.ENTER_KEYCODE]:n.ENTER_KEY,[u.SPACE_KEYCODE]:n.SPACE_KEY},i={elementName:Y,classes:F,selectors:K,attributes:k,numbers:u,strings:n,ACCEPTABLE_KEYS:P,KEYCODE_MAP:H};var l=class{static createStepElement(t,e,s){var d,g;let o=document.createElement(a.elementName);return o.index=e,o.completed=t.completed||!1,o.editable=t.editable||!1,o.selected=s.selectedIndex===e,o.alternative=s.alternative,o.error=t.error||!1,o.disabled=t.disabled||!1,o.vertical=(g=(d=t.vertical)!=null?d:s.vertical)!=null?g:!1,o.ignoreUserExpansion=t.ignoreUserExpansion||!1,o.expanded=t.expanded||!1,s.linear&&e>s.selectedIndex&&(o.tabIndex=-1),o.textContent=t.label,t.optionalLabel&&o.appendChild(this.createStepOptionalLabel(t.optionalLabel)),o}static createStepOptionalLabel(t){let e=document.createElement("span");return e.slot="optional",e.textContent=t||"",e}static setLinearState(t,e){let s=t.classList.contains(i.classes.LINEAR);s&&!e&&(t.classList.remove(i.classes.LINEAR),s=!1),!s&&e&&t.classList.add(i.classes.LINEAR)}static setAlternativeState(t,e){let s=t.classList.contains(i.classes.ALTERNATIVE);s&&!e&&(t.classList.remove(i.classes.ALTERNATIVE),s=!1),!s&&e&&t.classList.add(i.classes.ALTERNATIVE)}static setLayoutMode(t,e){switch(e){case"clustered":t.classList.contains(i.classes.FIXED)&&t.classList.remove(i.classes.FIXED),t.classList.add(i.classes.CLUSTERED);break;case"fixed":t.classList.contains(i.classes.CLUSTERED)&&t.classList.remove(i.classes.CLUSTERED),t.classList.add(i.classes.FIXED);break}}static setLayoutAlign(t,e){switch(t.classList.contains(i.classes.ALIGN_LEFT)&&t.classList.remove(i.classes.ALIGN_LEFT),t.classList.contains(i.classes.ALIGN_CENTER)&&t.classList.remove(i.classes.ALIGN_CENTER),t.classList.contains(i.classes.ALIGN_RIGHT)&&t.classList.remove(i.classes.ALIGN_RIGHT),e){case"left":t.classList.add(i.classes.ALIGN_LEFT);break;case"center":t.classList.add(i.classes.ALIGN_CENTER);break;case"right":t.classList.add(i.classes.ALIGN_RIGHT);break}}static createSteps(t){let e=[];return t.steps.forEach((s,o)=>{let d=l.createStepElement(s,o,t);e.push(d)}),e[0].setAttribute(a.attributes.FIRST,""),e[e.length-1].setAttribute(a.attributes.LAST,""),e}};var S=class extends O{constructor(e){super(e);this._rootElement=E(e,i.selectors.STEPPER),this._slotElement=this._rootElement.querySelector("slot")}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","tablist")}patchSafari(){this._applyToSteps(e=>e.setAttribute("safari",""))}addSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}getLastStep(){let e=this._getSteps();return e.item(e.length-1)}setSelected(e){this._getSteps().forEach(s=>{s===e?s.selected=!0:s.selected=!1})}assignIndices(){this._getSteps().forEach((s,o)=>{s.index=o})}assignFirstLastStep(){let e=this._getSteps();e&&e.length>1&&(e[0].setAttribute("first",""),e[e.length-1].setAttribute("last",""))}setLayoutAlign(e){l.setLayoutAlign(this._rootElement,e)}setLayoutMode(e){l.setLayoutMode(this._rootElement,e),this._applyToSteps(s=>s.setAttribute(a.attributes.CLUSTERED,""))}setAlternativeState(e){l.setAlternativeState(this._rootElement,e),this._applyToSteps(s=>s.alternative=e)}setVertical(e){b(this._rootElement,e,i.classes.VERTICAL),this._applyToSteps(s=>s.vertical=e)}setLinearState(e){l.setLinearState(this._rootElement,e)}removeRootListener(e,s){this._rootElement.removeEventListener("click",s)}addRootListener(e,s){this._rootElement.addEventListener(e,s)}setSelectedByIndex(e){this._applyToSteps(s=>{s.selected&&s.index!==e&&(s.selected=!1),s.index===e&&(s.selected=!0)})}applyConfiguredSteps(e){this._component.querySelectorAll(a.elementName).forEach(s=>{this._component.removeChild(s)}),e.forEach(s=>this._component.appendChild(s))}tryGetFocusedStep(){let e,s=I(this._component.ownerDocument);return this._applyToSteps(o=>{s===E(o,a.selectors.STEP)&&(e=o)}),e}getFocusedOrSelectedStep(){let e=this.tryGetFocusedStep();return e||(e=this._getSteps()[0],e.focus()),e}getStep(e){let s=0,o=this._getSteps();return e<0?o.item(o.length-1):(o.length>e&&(s=e),o.item(s))}toggleDisabled(e){this._applyToSteps(s=>s.disabled=e)}toggleRootClass(e,s){b(this._rootElement,s,e)}isStepperFocused(){return this._rootElement.classList.contains(i.classes.FOCUSED)}setStepsListener(e,s){this._applyToSteps(o=>o.addEventListener(e,s))}removeStepsListener(e,s){this._applyToSteps(o=>o.removeEventListener(e,s))}_applyToSteps(e){this._getSteps().forEach(e)}_getSteps(){return this._component.querySelectorAll(a.elementName)}};var h=class{constructor(t){this._adapter=t;this._steps=[];this._selectedIndex=0;this._linear=!1;this._alternative=!1;this._layoutMode="fixed";this._layoutAlign="center";this._initialize=!1;this._clickListener=e=>this._handleClick(e),this._keyListener=e=>this._onKeydown(e),this._stepFocusListener=()=>this._onStepFocus(),this._stepBlurListener=()=>this._onStepBlur(),this._stepExpandedContentFocusInListener=e=>this._onStepExpandedContentFocusIn(e),this._stepExpandedContentFocusOutListener=e=>this._onStepExpandedContentFocusOut(e),this._slotChangeListener=e=>this._onSlotChange(e)}initialize(){this._adapter.initializeAccessibility(),this._adapter.assignIndices(),this._adapter.setLinearState(this._linear),this._adapter.setAlternativeState(this._alternative),this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setLayoutMode(this._layoutMode),this._adapter.addRootListener("click",this._clickListener),this._adapter.addHostListener("keydown",this._keyListener),this._adapter.assignFirstLastStep(),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSIN,this._stepExpandedContentFocusInListener),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSOUT,this._stepExpandedContentFocusOutListener),this._applySelectedIndex(),this._patchBrowser(),this._adapter.setStepsListener("blur",this._stepBlurListener),this._adapter.setStepsListener("focus",this._stepFocusListener),this._initialize||this._adapter.addSlotChangeListener(this._slotChangeListener),this._initialize=!0}disconnect(){this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeHostListener("keydown",this._keyListener),this._adapter.removeSlotChangeListener(this._slotChangeListener),this._adapter.removeStepsListener("blur",this._stepBlurListener),this._adapter.removeStepsListener("focus",this._stepFocusListener)}get steps(){return JSON.parse(JSON.stringify(this._steps))}set steps(t){if(Array.isArray(t)&&t.length>0)this._steps=[...t.map(e=>v({},e))];else{this._steps=[];return}this._renderConfiguration()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){if(!m(t))t=0;else if(!f(t)){let e=Number(t);t=isNaN(e)?0:e}this._selectedIndex!==t&&(this._selectedIndex=t,this._adapter.setHostAttribute(i.attributes.SELECTED_INDEX,this._selectedIndex.toString()),this._applySelectedIndex())}get linear(){return this._linear}set linear(t){t=Boolean(t),this._linear!==t&&(this._linear=t,this._adapter.setLinearState(this._linear),this._adapter.setHostAttribute(i.attributes.LINEAR,this._linear.toString()))}get alternative(){return this._alternative}set alternative(t){t=Boolean(t),this._alternative!==t&&(this._alternative=t,this._adapter.setAlternativeState(this._alternative),this._adapter.setHostAttribute(i.attributes.ALTERNATIVE,this._alternative.toString()))}get layoutMode(){return this._layoutMode}set layoutMode(t){!/^(fixed|clustered)$/.test(t)||this._layoutMode!==t&&(this._layoutMode=t,this._adapter.setHostAttribute(i.attributes.LAYOUT_MODE,this._layoutMode),this._adapter.setLayoutMode(this._layoutMode))}get layoutAlign(){return this._layoutAlign}set layoutAlign(t){!/^(left|center|right)$/.test(t)||this._layoutAlign!==t&&(this._layoutAlign=t,this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setHostAttribute(i.attributes.LAYOUT_ALIGN,this._layoutAlign))}get disabled(){return this._disabled}set disabled(t){t!==this._disabled&&(this._disabled=t,this._applyDisabled())}get vertical(){return this._vertical}set vertical(t){t!==this._vertical&&(this._vertical=t,this._applyVertical(),this._adapter.toggleHostAttribute(i.attributes.VERTICAL,this._vertical))}_applyVertical(){this._adapter.setVertical(this._vertical)}_applyDisabled(){this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED,"disabled"):this._adapter.removeHostAttribute(i.attributes.DISABLED),this._adapter.toggleDisabled(this._disabled)}_applySelectedIndex(){this._adapter.setSelectedByIndex(this._selectedIndex)}_handleClick(t){if(t.preventDefault(),this._linear)return;let e=C(t),s=e.find(d=>d.classList&&d.classList.contains(a.classes.STEP)),o=e.find(d=>d.localName===a.elementName);s&&o&&!o.selected&&!o.disabled&&this._adapter.emitHostEvent(a.events.SELECT,o.index,!0,!0)&&(this._adapter.setSelected(o),this.selectedIndex=o.index)}_renderConfiguration(){let t=l.createSteps({steps:this._steps,vertical:this._vertical,selectedIndex:this._selectedIndex,alternative:this._alternative,layoutAlign:this._layoutAlign,layoutMode:this._layoutMode,linear:this._linear});this.disconnect(),this._adapter.applyConfiguredSteps(t),this.initialize()}_onKeydown(t){if(this._linear)return;let e=this._getKeyFromEvent(t);if(!this._adapter.isStepperFocused()||!e)return;[a.strings.HOME_KEY,a.strings.END_KEY,a.strings.ARROW_DOWN_KEY,i.strings.ARROW_UP_KEY].includes(e)&&t.preventDefault();let s=this._vertical?this._determineVerticalMoveTarget(e):this._determineMoveTarget(e);s&&this._moveFocusTo(s)}_moveFocusTo(t){E(t,a.selectors.STEP).focus()}_getKeyFromEvent(t){return i.ACCEPTABLE_KEYS.includes(t.key)?t.key:i.KEYCODE_MAP[t.keyCode]}_determineMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_RIGHT_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_LEFT_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_determineVerticalMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_DOWN_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_UP_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_onSlotChange(t){this.disconnect(),this.initialize()}_onStepExpandedContentFocusIn(t){let e=this._adapter.getStep(t.detail.index+1);e&&e.setStepTabIndex(0),t.detail.setStepTabIndex(0)}_onStepExpandedContentFocusOut(t){let e=t.target,s=this._adapter.getStep(e.index+1);s&&s.setStepTabIndex(-1),e.setStepTabIndex(-1)}_onStepFocus(){this._adapter.toggleRootClass(i.classes.FOCUSED,!0)}_onStepBlur(){this._adapter.toggleRootClass(i.classes.FOCUSED,!1)}_patchBrowser(){new y().SAFARI()&&this._adapter.patchSafari()}};var w='<template><div class="forge-stepper" part="root"><slot></slot></div></template>',B=".forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}",r=class extends N{constructor(){super();R(this,w,B),this._foundation=new h(new S(this))}static get observedAttributes(){return[i.attributes.SELECTED_INDEX,i.attributes.LINEAR,i.attributes.ALTERNATIVE,i.attributes.LAYOUT_MODE,i.attributes.LAYOUT_ALIGN,i.attributes.DISABLED,i.attributes.VERTICAL]}async connectedCallback(){await A(this),this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,o){switch(e){case i.attributes.SELECTED_INDEX:this.selectedIndex=Number(o)||0;break;case i.attributes.LINEAR:this.linear=_(o);break;case i.attributes.ALTERNATIVE:this.alternative=_(o);break;case i.attributes.LAYOUT_MODE:this.layoutMode=o;break;case i.attributes.LAYOUT_ALIGN:this.layoutAlign=o;break;case i.attributes.DISABLED:this.disabled=_(o);break;case i.attributes.VERTICAL:this.vertical=_(o);break}}};p([c()],r.prototype,"steps",2),p([c()],r.prototype,"selectedIndex",2),p([c()],r.prototype,"linear",2),p([c()],r.prototype,"alternative",2),p([c()],r.prototype,"layoutMode",2),p([c()],r.prototype,"layoutAlign",2),p([c()],r.prototype,"disabled",2),p([c()],r.prototype,"vertical",2),r=p([x({name:i.elementName,dependencies:[M]})],r);function ye(){T(r)}export{i as a,S as b,h as c,r as d,ye as e};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a,d as M}from"./chunk.AD4NVLFA.js";import{a as C}from"./chunk.4DAIIJ37.js";import{a as y}from"./chunk.YI4JTY4T.js";import{a as O}from"./chunk.5KC43VFL.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as x,b as D}from"./chunk.QOA2O575.js";import{a as T,e as R,g as E,l as N}from"./chunk.HOXFK44F.js";import{l as A,s as I,t as L}from"./chunk.4LA6HEA7.js";import{b as m,d as f,k as _}from"./chunk.J2M2MXP2.js";import{a as b,f as p}from"./chunk.MCIQXNKY.js";var Y=`${D}stepper`,F={STEPPER:"forge-stepper",LINEAR:"forge-stepper--linear",ALTERNATIVE:"forge-stepper--alternative",CLUSTERED:"forge-stepper--clustered",FIXED:"forge-stepper--fixed",ALIGN_LEFT:"forge-stepper--align-left",ALIGN_CENTER:"forge-stepper--align-center",ALIGN_RIGHT:"forge-stepper--align-right",VERTICAL:"forge-stepper--vertical",FOCUSED:"forge-stepper--focused"},K={STEPPER:`.${F.STEPPER}`},k={SELECTED_INDEX:"selected-index",LINEAR:"linear",ALTERNATIVE:"alternative",LAYOUT_MODE:"layout-mode",LAYOUT_ALIGN:"layout-align",DISABLED:"disabled",VERTICAL:"vertical"},n={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_KEY:"Tab"},u={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,HOME_KEYCODE:36,ENTER_KEYCODE:13,SPACE_KEYCODE:32},P=[n.ARROW_LEFT_KEY,n.ARROW_RIGHT_KEY,n.ARROW_DOWN_KEY,n.ARROW_UP_KEY,n.END_KEY,n.HOME_KEY,n.ENTER_KEY,n.SPACE_KEY,n.TAB_KEY],H={[u.ARROW_LEFT_KEYCODE]:n.ARROW_LEFT_KEY,[u.ARROW_RIGHT_KEYCODE]:n.ARROW_RIGHT_KEY,[u.END_KEYCODE]:n.END_KEY,[u.HOME_KEYCODE]:n.HOME_KEY,[u.ENTER_KEYCODE]:n.ENTER_KEY,[u.SPACE_KEYCODE]:n.SPACE_KEY},i={elementName:Y,classes:F,selectors:K,attributes:k,numbers:u,strings:n,ACCEPTABLE_KEYS:P,KEYCODE_MAP:H};var l=class{static createStepElement(t,e,s){var d,v;let o=document.createElement(a.elementName);return o.index=e,o.completed=t.completed||!1,o.editable=t.editable||!1,o.selected=s.selectedIndex===e,o.alternative=s.alternative,o.error=t.error||!1,o.disabled=t.disabled||!1,o.vertical=(v=(d=t.vertical)!=null?d:s.vertical)!=null?v:!1,o.ignoreUserExpansion=t.ignoreUserExpansion||!1,o.expanded=t.expanded||!1,s.linear&&e>s.selectedIndex&&(o.tabIndex=-1),o.textContent=t.label,t.optionalLabel&&o.appendChild(this.createStepOptionalLabel(t.optionalLabel)),o}static createStepOptionalLabel(t){let e=document.createElement("span");return e.slot="optional",e.textContent=t||"",e}static setLinearState(t,e){let s=t.classList.contains(i.classes.LINEAR);s&&!e&&(t.classList.remove(i.classes.LINEAR),s=!1),!s&&e&&t.classList.add(i.classes.LINEAR)}static setAlternativeState(t,e){let s=t.classList.contains(i.classes.ALTERNATIVE);s&&!e&&(t.classList.remove(i.classes.ALTERNATIVE),s=!1),!s&&e&&t.classList.add(i.classes.ALTERNATIVE)}static setLayoutMode(t,e){switch(e){case"clustered":t.classList.contains(i.classes.FIXED)&&t.classList.remove(i.classes.FIXED),t.classList.add(i.classes.CLUSTERED);break;case"fixed":t.classList.contains(i.classes.CLUSTERED)&&t.classList.remove(i.classes.CLUSTERED),t.classList.add(i.classes.FIXED);break}}static setLayoutAlign(t,e){switch(t.classList.contains(i.classes.ALIGN_LEFT)&&t.classList.remove(i.classes.ALIGN_LEFT),t.classList.contains(i.classes.ALIGN_CENTER)&&t.classList.remove(i.classes.ALIGN_CENTER),t.classList.contains(i.classes.ALIGN_RIGHT)&&t.classList.remove(i.classes.ALIGN_RIGHT),e){case"left":t.classList.add(i.classes.ALIGN_LEFT);break;case"center":t.classList.add(i.classes.ALIGN_CENTER);break;case"right":t.classList.add(i.classes.ALIGN_RIGHT);break}}static createSteps(t){let e=[];return t.steps.forEach((s,o)=>{let d=l.createStepElement(s,o,t);e.push(d)}),e[0].setAttribute(a.attributes.FIRST,""),e[e.length-1].setAttribute(a.attributes.LAST,""),e}};var S=class extends O{constructor(e){super(e);this._rootElement=E(e,i.selectors.STEPPER),this._slotElement=this._rootElement.querySelector("slot")}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","tablist")}patchSafari(){this._applyToSteps(e=>e.setAttribute("safari",""))}addSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._slotElement.addEventListener("slotchange",e)}getLastStep(){let e=this._getSteps();return e.item(e.length-1)}setSelected(e){this._getSteps().forEach(s=>{s===e?s.selected=!0:s.selected=!1})}assignIndices(){this._getSteps().forEach((s,o)=>{s.index=o})}assignFirstLastStep(){let e=this._getSteps();e&&e.length>1&&(e[0].setAttribute("first",""),e[e.length-1].setAttribute("last",""))}setLayoutAlign(e){l.setLayoutAlign(this._rootElement,e)}setLayoutMode(e){l.setLayoutMode(this._rootElement,e),this._applyToSteps(s=>s.setAttribute(a.attributes.CLUSTERED,""))}setAlternativeState(e){l.setAlternativeState(this._rootElement,e),this._applyToSteps(s=>s.alternative=e)}setVertical(e){L(this._rootElement,e,i.classes.VERTICAL),this._applyToSteps(s=>s.vertical=e)}setLinearState(e){l.setLinearState(this._rootElement,e)}removeRootListener(e,s){this._rootElement.removeEventListener("click",s)}addRootListener(e,s){this._rootElement.addEventListener(e,s)}setSelectedByIndex(e){this._applyToSteps(s=>{s.selected&&s.index!==e&&(s.selected=!1),s.index===e&&(s.selected=!0)})}applyConfiguredSteps(e){this._component.querySelectorAll(a.elementName).forEach(s=>{this._component.removeChild(s)}),e.forEach(s=>this._component.appendChild(s))}tryGetFocusedStep(){let e,s=I(this._component.ownerDocument);return this._applyToSteps(o=>{s===E(o,a.selectors.STEP)&&(e=o)}),e}getFocusedOrSelectedStep(){let e=this.tryGetFocusedStep();return e||(e=this._getSteps()[0],e.focus()),e}getStep(e){let s=0,o=this._getSteps();return e<0?o.item(o.length-1):(o.length>e&&(s=e),o.item(s))}toggleDisabled(e){this._applyToSteps(s=>s.disabled=e)}toggleRootClass(e,s){L(this._rootElement,s,e)}isStepperFocused(){return this._rootElement.classList.contains(i.classes.FOCUSED)}setStepsListener(e,s){this._applyToSteps(o=>o.addEventListener(e,s))}removeStepsListener(e,s){this._applyToSteps(o=>o.removeEventListener(e,s))}_applyToSteps(e){this._getSteps().forEach(e)}_getSteps(){return this._component.querySelectorAll(a.elementName)}};var h=class{constructor(t){this._adapter=t;this._steps=[];this._selectedIndex=0;this._linear=!1;this._alternative=!1;this._layoutMode="fixed";this._layoutAlign="center";this._initialize=!1;this._clickListener=e=>this._handleClick(e),this._keyListener=e=>this._onKeydown(e),this._stepFocusListener=()=>this._onStepFocus(),this._stepBlurListener=()=>this._onStepBlur(),this._stepExpandedContentFocusInListener=e=>this._onStepExpandedContentFocusIn(e),this._stepExpandedContentFocusOutListener=e=>this._onStepExpandedContentFocusOut(e),this._slotChangeListener=e=>this._onSlotChange(e)}initialize(){this._adapter.initializeAccessibility(),this._adapter.assignIndices(),this._adapter.setLinearState(this._linear),this._adapter.setAlternativeState(this._alternative),this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setLayoutMode(this._layoutMode),this._adapter.addRootListener("click",this._clickListener),this._adapter.addHostListener("keydown",this._keyListener),this._adapter.assignFirstLastStep(),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSIN,this._stepExpandedContentFocusInListener),this._adapter.addRootListener(a.events.EXPANDED_CONTENT_FOCUSOUT,this._stepExpandedContentFocusOutListener),this._applySelectedIndex(),this._patchBrowser(),this._adapter.setStepsListener("blur",this._stepBlurListener),this._adapter.setStepsListener("focus",this._stepFocusListener),this._initialize||this._adapter.addSlotChangeListener(this._slotChangeListener),this._initialize=!0}disconnect(){this._adapter.removeRootListener("click",this._clickListener),this._adapter.removeHostListener("keydown",this._keyListener),this._adapter.removeSlotChangeListener(this._slotChangeListener),this._adapter.removeStepsListener("blur",this._stepBlurListener),this._adapter.removeStepsListener("focus",this._stepFocusListener)}get steps(){return this._steps.map(t=>b({},t))}set steps(t){if(Array.isArray(t)&&t.length>0)this._steps=[...t.map(e=>b({},e))];else{this._steps=[];return}this._renderConfiguration()}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){if(!m(t))t=0;else if(!f(t)){let e=Number(t);t=isNaN(e)?0:e}this._selectedIndex!==t&&(this._selectedIndex=t,this._adapter.setHostAttribute(i.attributes.SELECTED_INDEX,this._selectedIndex.toString()),this._applySelectedIndex())}get linear(){return this._linear}set linear(t){t=Boolean(t),this._linear!==t&&(this._linear=t,this._adapter.setLinearState(this._linear),this._adapter.setHostAttribute(i.attributes.LINEAR,this._linear.toString()))}get alternative(){return this._alternative}set alternative(t){t=Boolean(t),this._alternative!==t&&(this._alternative=t,this._adapter.setAlternativeState(this._alternative),this._adapter.setHostAttribute(i.attributes.ALTERNATIVE,this._alternative.toString()))}get layoutMode(){return this._layoutMode}set layoutMode(t){!/^(fixed|clustered)$/.test(t)||this._layoutMode!==t&&(this._layoutMode=t,this._adapter.setHostAttribute(i.attributes.LAYOUT_MODE,this._layoutMode),this._adapter.setLayoutMode(this._layoutMode))}get layoutAlign(){return this._layoutAlign}set layoutAlign(t){!/^(left|center|right)$/.test(t)||this._layoutAlign!==t&&(this._layoutAlign=t,this._adapter.setLayoutAlign(this._layoutAlign),this._adapter.setHostAttribute(i.attributes.LAYOUT_ALIGN,this._layoutAlign))}get disabled(){return this._disabled}set disabled(t){t!==this._disabled&&(this._disabled=t,this._applyDisabled())}get vertical(){return this._vertical}set vertical(t){t!==this._vertical&&(this._vertical=t,this._applyVertical(),this._adapter.toggleHostAttribute(i.attributes.VERTICAL,this._vertical))}_applyVertical(){this._adapter.setVertical(this._vertical)}_applyDisabled(){this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED,"disabled"):this._adapter.removeHostAttribute(i.attributes.DISABLED),this._adapter.toggleDisabled(this._disabled)}_applySelectedIndex(){this._adapter.setSelectedByIndex(this._selectedIndex)}_handleClick(t){if(t.preventDefault(),this._linear)return;let e=C(t),s=e.find(d=>d.classList&&d.classList.contains(a.classes.STEP)),o=e.find(d=>d.localName===a.elementName);s&&o&&!o.selected&&!o.disabled&&this._adapter.emitHostEvent(a.events.SELECT,o.index,!0,!0)&&(this._adapter.setSelected(o),this.selectedIndex=o.index)}_renderConfiguration(){let t=l.createSteps({steps:this._steps,vertical:this._vertical,selectedIndex:this._selectedIndex,alternative:this._alternative,layoutAlign:this._layoutAlign,layoutMode:this._layoutMode,linear:this._linear});this.disconnect(),this._adapter.applyConfiguredSteps(t),this.initialize()}_onKeydown(t){if(this._linear)return;let e=this._getKeyFromEvent(t);if(!this._adapter.isStepperFocused()||!e)return;[a.strings.HOME_KEY,a.strings.END_KEY,a.strings.ARROW_DOWN_KEY,i.strings.ARROW_UP_KEY].includes(e)&&t.preventDefault();let s=this._vertical?this._determineVerticalMoveTarget(e):this._determineMoveTarget(e);s&&this._moveFocusTo(s)}_moveFocusTo(t){E(t,a.selectors.STEP).focus()}_getKeyFromEvent(t){return i.ACCEPTABLE_KEYS.includes(t.key)?t.key:i.KEYCODE_MAP[t.keyCode]}_determineMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_RIGHT_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_LEFT_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_determineVerticalMoveTarget(t){let e=this._adapter.getFocusedOrSelectedStep();if(e)switch(t){case i.strings.ARROW_DOWN_KEY:return this._adapter.getStep(e.index+1);case i.strings.ARROW_UP_KEY:return this._adapter.getStep(e.index-1);case i.strings.HOME_KEY:return this._adapter.getStep(0);case i.strings.END_KEY:return this._adapter.getLastStep()}return e}_onSlotChange(t){this.disconnect(),this.initialize()}_onStepExpandedContentFocusIn(t){let e=this._adapter.getStep(t.detail.index+1);e&&e.setStepTabIndex(0),t.detail.setStepTabIndex(0)}_onStepExpandedContentFocusOut(t){let e=t.target,s=this._adapter.getStep(e.index+1);s&&s.setStepTabIndex(-1),e.setStepTabIndex(-1)}_onStepFocus(){this._adapter.toggleRootClass(i.classes.FOCUSED,!0)}_onStepBlur(){this._adapter.toggleRootClass(i.classes.FOCUSED,!1)}_patchBrowser(){new y().SAFARI()&&this._adapter.patchSafari()}};var w='<template><div class="forge-stepper" part="root"><slot></slot></div></template>',B=".forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}",r=class extends N{constructor(){super();R(this,w,B),this._foundation=new h(new S(this))}static get observedAttributes(){return[i.attributes.SELECTED_INDEX,i.attributes.LINEAR,i.attributes.ALTERNATIVE,i.attributes.LAYOUT_MODE,i.attributes.LAYOUT_ALIGN,i.attributes.DISABLED,i.attributes.VERTICAL]}async connectedCallback(){await A(this),this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,o){switch(e){case i.attributes.SELECTED_INDEX:this.selectedIndex=Number(o)||0;break;case i.attributes.LINEAR:this.linear=_(o);break;case i.attributes.ALTERNATIVE:this.alternative=_(o);break;case i.attributes.LAYOUT_MODE:this.layoutMode=o;break;case i.attributes.LAYOUT_ALIGN:this.layoutAlign=o;break;case i.attributes.DISABLED:this.disabled=_(o);break;case i.attributes.VERTICAL:this.vertical=_(o);break}}};p([c()],r.prototype,"steps",2),p([c()],r.prototype,"selectedIndex",2),p([c()],r.prototype,"linear",2),p([c()],r.prototype,"alternative",2),p([c()],r.prototype,"layoutMode",2),p([c()],r.prototype,"layoutAlign",2),p([c()],r.prototype,"disabled",2),p([c()],r.prototype,"vertical",2),r=p([x({name:i.elementName,dependencies:[M]})],r);function ye(){T(r)}export{i as a,S as b,h as c,r as d,ye as e};
|
|
7
|
+
//# sourceMappingURL=chunk.2VWASAUU.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/stepper/stepper/stepper-constants.ts", "../../src/stepper/core/stepper-utils.ts", "../../src/stepper/stepper/stepper-adapter.ts", "../../src/stepper/stepper/stepper-foundation.ts", "../../src/stepper/stepper/stepper.ts", "../../src/stepper/stepper/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}stepper`;\n\nconst classes = {\n STEPPER: 'forge-stepper',\n LINEAR: 'forge-stepper--linear',\n ALTERNATIVE: 'forge-stepper--alternative',\n CLUSTERED: 'forge-stepper--clustered',\n FIXED: 'forge-stepper--fixed',\n ALIGN_LEFT: 'forge-stepper--align-left',\n ALIGN_CENTER: 'forge-stepper--align-center',\n ALIGN_RIGHT: 'forge-stepper--align-right',\n VERTICAL: 'forge-stepper--vertical',\n FOCUSED: 'forge-stepper--focused'\n};\n\nconst selectors = {\n STEPPER: `.${classes.STEPPER}`\n};\n\nconst attributes = {\n SELECTED_INDEX: 'selected-index',\n LINEAR: 'linear',\n ALTERNATIVE: 'alternative',\n LAYOUT_MODE: 'layout-mode',\n LAYOUT_ALIGN: 'layout-align',\n DISABLED: 'disabled',\n VERTICAL: 'vertical'\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n TAB_KEY: 'Tab'\n};\n\nconst numbers = {\n ARROW_LEFT_KEYCODE: 37,\n ARROW_RIGHT_KEYCODE: 39,\n END_KEYCODE: 35,\n HOME_KEYCODE: 36,\n ENTER_KEYCODE: 13,\n SPACE_KEYCODE: 32\n};\n\nconst ACCEPTABLE_KEYS = [\n strings.ARROW_LEFT_KEY,\n strings.ARROW_RIGHT_KEY,\n strings.ARROW_DOWN_KEY,\n strings.ARROW_UP_KEY,\n strings.END_KEY,\n strings.HOME_KEY,\n strings.ENTER_KEY,\n strings.SPACE_KEY,\n strings.TAB_KEY\n];\n\nconst KEYCODE_MAP = {\n [numbers.ARROW_LEFT_KEYCODE]: strings.ARROW_LEFT_KEY,\n [numbers.ARROW_RIGHT_KEYCODE]: strings.ARROW_RIGHT_KEY,\n [numbers.END_KEYCODE]: strings.END_KEY,\n [numbers.HOME_KEYCODE]: strings.HOME_KEY,\n [numbers.ENTER_KEYCODE]: strings.ENTER_KEY,\n [numbers.SPACE_KEYCODE]: strings.SPACE_KEY\n};\n\nexport const STEPPER_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n numbers,\n strings,\n ACCEPTABLE_KEYS,\n KEYCODE_MAP\n};\n\nexport interface IStepConfiguration {\n label: string;\n optionalLabel?: string;\n editable?: boolean;\n completed?: boolean;\n error?: boolean;\n disabled?: boolean;\n vertical?: boolean;\n expanded?: boolean;\n ignoreUserExpansion?: boolean;\n}\n\nexport interface IStepperConfiguration {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n vertical?: boolean;\n}\n\nexport type StepperLayoutMode = 'fixed' | 'clustered';\nexport type StepperLayoutAlign = 'left' | 'center' | 'right';\n", "import { IStepComponent, STEP_CONSTANTS } from '../step';\nimport { STEPPER_CONSTANTS, IStepConfiguration, IStepperConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\n\nexport class StepperUtils {\n /**\n * Creates a step element using the provided configuration.\n * @param {IStepConfiguration} step The step configuration\n * @param {number} index The index of the step.\n * @param {number} activeStepIndex The currently active step index.\n * @param {boolean} linear Whether the stepper is in linear mode or not.\n */\n public static createStepElement(step: IStepConfiguration, index: number, stepperConfig: IStepperConfiguration): IStepComponent {\n const stepElement = document.createElement(STEP_CONSTANTS.elementName);\n\n stepElement.index = index;\n stepElement.completed = step.completed || false;\n stepElement.editable = step.editable || false;\n stepElement.selected = stepperConfig.selectedIndex === index;\n stepElement.alternative = stepperConfig.alternative;\n stepElement.error = step.error || false;\n stepElement.disabled = step.disabled || false;\n stepElement.vertical = step.vertical ?? stepperConfig.vertical ?? false;\n stepElement.ignoreUserExpansion = step.ignoreUserExpansion || false;\n stepElement.expanded = step.expanded || false;\n\n if (stepperConfig.linear && index > stepperConfig.selectedIndex) {\n stepElement.tabIndex = -1;\n }\n\n stepElement.textContent = step.label;\n\n if (step.optionalLabel) {\n stepElement.appendChild(this.createStepOptionalLabel(step.optionalLabel));\n }\n\n return stepElement;\n }\n\n /**\n * Creates the step label element using the provided configuration.\n * @param {IStepConfiguration} step The step configuration.\n */\n public static createStepOptionalLabel(labelText: string): HTMLElement {\n const label = document.createElement('span');\n label.slot = 'optional';\n label.textContent = labelText || '';\n return label;\n }\n\n /**\n * Sets the stepper to the provided linear state.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {boolean} isLinear Whether the stepper is in linear mode or not.\n */\n public static setLinearState(stepperElement: HTMLElement, isLinear: boolean): void {\n let hasLinearClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.LINEAR);\n\n if (hasLinearClass && !isLinear) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.LINEAR);\n hasLinearClass = false;\n }\n\n if (!hasLinearClass && isLinear) {\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.LINEAR);\n }\n }\n\n /**\n * Sets the stepper to the provided label state.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {boolean} isAlternative Whether the stepper is in alternative mode or not.\n */\n public static setAlternativeState(stepperElement: HTMLElement, isAlternative: boolean): void {\n let hasAlternativeClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n\n if (hasAlternativeClass && !isAlternative) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n hasAlternativeClass = false;\n }\n\n if (!hasAlternativeClass && isAlternative) {\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n }\n }\n\n /**\n * Sets the stepper layout mode.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {StepperLayoutMode} mode The layout mode.\n */\n public static setLayoutMode(stepperElement: HTMLElement, mode: StepperLayoutMode): void {\n switch (mode) {\n case 'clustered':\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.FIXED)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.FIXED);\n }\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.CLUSTERED);\n break;\n case 'fixed':\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.CLUSTERED)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.CLUSTERED);\n }\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.FIXED);\n break;\n }\n }\n\n /**\n * Sets the stepper layout alignment.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {StepperLayoutAlign} mode The layout alignment.\n */\n public static setLayoutAlign(stepperElement: HTMLElement, mode: StepperLayoutAlign): void {\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_LEFT)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n }\n\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_CENTER)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n }\n\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_RIGHT)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n }\n\n switch (mode) {\n case 'left':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n break;\n case 'center':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n break;\n case 'right':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n break;\n }\n }\n\n /**\n * Creates a stepper with all of its step elements.\n * @param {IStepperConfiguration} stepperConfiguration The stepper configuration.\n */\n public static createSteps(stepperConfiguration: IStepperConfiguration): IStepComponent[] {\n const steps: IStepComponent[] = [];\n\n stepperConfiguration.steps.forEach((step, index) => {\n const stepElement = StepperUtils.createStepElement(step, index, stepperConfiguration);\n steps.push(stepElement);\n });\n\n steps[0].setAttribute(STEP_CONSTANTS.attributes.FIRST, '');\n steps[steps.length - 1].setAttribute(STEP_CONSTANTS.attributes.LAST, '');\n\n return steps;\n }\n}\n", "import { getShadowElement, getActiveElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { IStepperComponent } from './stepper';\nimport { StepperLayoutAlign, StepperLayoutMode, STEPPER_CONSTANTS } from './stepper-constants';\n\nexport interface IStepperAdapter extends IBaseAdapter {\n initializeAccessibility(): void;\n toggleDisabled(disabled: boolean): void;\n patchSafari(): void;\n getFocusedOrSelectedStep(): IStepComponent;\n applyConfiguredSteps(steps: IStepComponent[]): void;\n setLinearState(linear: boolean): void;\n setLayoutAlign(layoutAlign: StepperLayoutAlign): void;\n setLayoutMode(layoutMode: StepperLayoutMode): void;\n setAlternativeState(alternative: boolean): void;\n setVertical(vertical: boolean): void;\n assignIndices(): void;\n addRootListener(event: string, listener: EventListener): void;\n removeRootListener(event: string, listener: EventListener): void;\n setSelected(step: IStepComponent): void;\n setSelectedByIndex(index: number): void;\n assignFirstLastStep(): void;\n getStep(index: number): IStepComponent;\n getLastStep(): IStepComponent;\n addSlotChangeListener(listener: EventListener): void;\n removeSlotChangeListener(listener: EventListener): void;\n toggleRootClass(className: string, show: boolean): void;\n isStepperFocused(): boolean;\n setStepsListener(event: string, listener: EventListener): void;\n removeStepsListener(event: string, listener: EventListener): void;\n}\n\nexport class StepperAdapter extends BaseAdapter<IStepperComponent> implements IStepperAdapter {\n private _rootElement: HTMLElement;\n private _slotElement: HTMLSlotElement;\n\n constructor(component: IStepperComponent) {\n super(component);\n this._rootElement = getShadowElement(component, STEPPER_CONSTANTS.selectors.STEPPER);\n this._slotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n }\n\n public initializeAccessibility(): void {\n if (!this._component.hasAttribute('role')) {\n this._component.setAttribute('role', 'tablist');\n }\n }\n\n public patchSafari(): void {\n this._applyToSteps(s => s.setAttribute('safari', ''));\n }\n\n public addSlotChangeListener(listener: EventListener): void {\n this._slotElement.addEventListener('slotchange', listener);\n }\n public removeSlotChangeListener(listener: EventListener): void {\n this._slotElement.addEventListener('slotchange', listener);\n }\n\n public getLastStep(): IStepComponent {\n const steps = this._getSteps();\n return steps.item(steps.length - 1);\n }\n\n public setSelected(step: IStepComponent): void {\n this._getSteps().forEach(s => {\n if (s === step) {\n s.selected = true;\n } else {\n s.selected = false;\n }\n });\n }\n\n public assignIndices(): void {\n const steps = this._getSteps();\n\n steps.forEach((tab, index) => {\n tab.index = index;\n });\n }\n\n public assignFirstLastStep(): void {\n const steps = this._getSteps();\n if (steps && steps.length > 1) {\n steps[0].setAttribute('first', '');\n steps[steps.length - 1].setAttribute('last', '');\n }\n }\n\n public setLayoutAlign(layoutAlign: StepperLayoutAlign): void {\n StepperUtils.setLayoutAlign(this._rootElement, layoutAlign);\n }\n public setLayoutMode(layoutMode: StepperLayoutMode): void {\n StepperUtils.setLayoutMode(this._rootElement, layoutMode);\n this._applyToSteps(s => s.setAttribute(STEP_CONSTANTS.attributes.CLUSTERED, ''));\n }\n public setAlternativeState(alternative: boolean): void {\n StepperUtils.setAlternativeState(this._rootElement, alternative);\n this._applyToSteps(step => step.alternative = alternative);\n }\n\n public setVertical(vertical: boolean): void {\n toggleClass(this._rootElement, vertical, STEPPER_CONSTANTS.classes.VERTICAL);\n this._applyToSteps(step => step.vertical = vertical);\n }\n\n public setLinearState(linear: boolean): void {\n StepperUtils.setLinearState(this._rootElement, linear);\n }\n\n public removeRootListener(event: string, listener: EventListener): void {\n this._rootElement.removeEventListener('click', listener);\n }\n public addRootListener(event: string, listener: EventListener): void {\n this._rootElement.addEventListener(event, listener);\n }\n\n public setSelectedByIndex(index: number): void {\n this._applyToSteps(step => {\n if (step.selected && step.index !== index) {\n step.selected = false;\n }\n\n if (step.index === index) {\n step.selected = true;\n }\n });\n }\n\n public applyConfiguredSteps(steps: IStepComponent[]): void {\n this._component.querySelectorAll(STEP_CONSTANTS.elementName).forEach(n => {\n this._component.removeChild(n);\n });\n\n steps.forEach(s => this._component.appendChild(s));\n }\n\n public tryGetFocusedStep(): IStepComponent | undefined {\n let focusedStep: IStepComponent = undefined as any;\n const activeElement = getActiveElement(this._component.ownerDocument);\n this._applyToSteps(step => {\n if (activeElement === getShadowElement(step, STEP_CONSTANTS.selectors.STEP)) {\n focusedStep = step;\n }\n });\n\n return focusedStep;\n }\n\n public getFocusedOrSelectedStep(): IStepComponent {\n let focusedStep = this.tryGetFocusedStep();\n\n if (!focusedStep) {\n focusedStep = this._getSteps()[0];\n focusedStep.focus();\n }\n\n return focusedStep;\n }\n\n public getStep(index: number): IStepComponent {\n let realIndex = 0;\n const steps = this._getSteps();\n\n if (index < 0) {\n return steps.item(steps.length - 1);\n }\n\n if (steps.length > index) {\n realIndex = index;\n }\n return steps.item(realIndex);\n }\n\n public toggleDisabled(disabled: boolean): void {\n this._applyToSteps(s => s.disabled = disabled);\n }\n\n public toggleRootClass(className: string, show: boolean): void{\n toggleClass(this._rootElement, show, className);\n }\n\n public isStepperFocused(): boolean {\n return this._rootElement.classList.contains(STEPPER_CONSTANTS.classes.FOCUSED);\n }\n\n public setStepsListener(event: string, listener: EventListener): void {\n this._applyToSteps(s => s.addEventListener(event, listener));\n }\n\n public removeStepsListener(event: string, listener: EventListener): void {\n this._applyToSteps(s => s.removeEventListener(event, listener));\n }\n\n private _applyToSteps(action: (step: IStepComponent, index?: number) => void): void {\n this._getSteps().forEach(action);\n }\n\n private _getSteps(): NodeListOf<IStepComponent> {\n return this._component.querySelectorAll<IStepComponent>(STEP_CONSTANTS.elementName);\n }\n}\n", "import { getEventPath, getShadowElement, ICustomElementFoundation, isDefined, isNumber, Platform } from '@tylertech/forge-core';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { IStepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS, IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from './stepper-constants';\n\nexport interface IStepperFoundation extends ICustomElementFoundation {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n}\n\nexport class StepperFoundation implements IStepperFoundation {\n private _steps: IStepConfiguration[] = [];\n private _selectedIndex = 0;\n private _linear = false;\n private _alternative = false;\n private _layoutMode: StepperLayoutMode = 'fixed';\n private _layoutAlign: StepperLayoutAlign = 'center';\n private _initialize = false;\n private _disabled: boolean;\n private _vertical: boolean;\n\n private _clickListener: EventListener;\n private _keyListener: EventListener;\n private _slotChangeListener: EventListener;\n private _stepFocusListener: () => void;\n private _stepBlurListener: () => void;\n private _stepExpandedContentFocusInListener: (event: CustomEvent<IStepComponent>) => void;\n private _stepExpandedContentFocusOutListener: (event: CustomEvent<IStepComponent>) => void;\n\n constructor(private _adapter: IStepperAdapter) {\n this._clickListener = event => this._handleClick(event);\n this._keyListener = event => this._onKeydown(event as KeyboardEvent);\n this._stepFocusListener = () => this._onStepFocus();\n this._stepBlurListener = () => this._onStepBlur();\n this._stepExpandedContentFocusInListener = event => this._onStepExpandedContentFocusIn(event);\n this._stepExpandedContentFocusOutListener = event => this._onStepExpandedContentFocusOut(event);\n this._slotChangeListener = event => this._onSlotChange(event as Event);\n }\n\n public initialize(): void {\n this._adapter.initializeAccessibility();\n this._adapter.assignIndices();\n this._adapter.setLinearState(this._linear);\n this._adapter.setAlternativeState(this._alternative);\n this._adapter.setLayoutAlign(this._layoutAlign);\n this._adapter.setLayoutMode(this._layoutMode);\n this._adapter.addRootListener('click', this._clickListener);\n this._adapter.addHostListener('keydown', this._keyListener);\n this._adapter.assignFirstLastStep();\n this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._stepExpandedContentFocusInListener);\n this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._stepExpandedContentFocusOutListener);\n this._applySelectedIndex();\n this._patchBrowser();\n this._adapter.setStepsListener('blur', this._stepBlurListener);\n this._adapter.setStepsListener('focus', this._stepFocusListener);\n if (!this._initialize) {\n this._adapter.addSlotChangeListener(this._slotChangeListener);\n }\n\n this._initialize = true;\n }\n\n public disconnect(): void {\n this._adapter.removeRootListener('click', this._clickListener);\n this._adapter.removeHostListener('keydown', this._keyListener);\n this._adapter.removeSlotChangeListener(this._slotChangeListener);\n this._adapter.removeStepsListener('blur', this._stepBlurListener);\n this._adapter.removeStepsListener('focus', this._stepFocusListener);\n }\n\n /** The step configurations. */\n public get steps(): IStepConfiguration[] {\n return JSON.parse(JSON.stringify(this._steps));\n }\n public set steps(value: IStepConfiguration[]) {\n if (Array.isArray(value) && value.length > 0) {\n this._steps = [...value.map(s => ({ ...s }))];\n } else {\n this._steps = [];\n return;\n }\n\n this._renderConfiguration();\n }\n\n /** The active step index. */\n public get selectedIndex(): number {\n return this._selectedIndex;\n }\n public set selectedIndex(value: number) {\n if (!isDefined(value)) {\n value = 0;\n } else if (!isNumber(value)) {\n const v = Number(value);\n value = !isNaN(v) ? v : 0;\n }\n\n if (this._selectedIndex !== value) {\n this._selectedIndex = value;\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.SELECTED_INDEX, this._selectedIndex.toString());\n this._applySelectedIndex();\n }\n }\n\n /** Whether the stepper is linear or non-linear. */\n public get linear(): boolean {\n return this._linear;\n }\n public set linear(value: boolean) {\n value = Boolean(value);\n if (this._linear !== value) {\n this._linear = value;\n this._adapter.setLinearState(this._linear);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LINEAR, this._linear.toString());\n }\n }\n\n /** Whether the stepper uses the default or alternative label layout mode. */\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n value = Boolean(value);\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.setAlternativeState(this._alternative);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.ALTERNATIVE, this._alternative.toString());\n }\n }\n\n /** The layout mode of the stepper. */\n public get layoutMode(): StepperLayoutMode {\n return this._layoutMode;\n }\n public set layoutMode(value: StepperLayoutMode) {\n if (!/^(fixed|clustered)$/.test(value)) {\n return;\n }\n\n if (this._layoutMode !== value) {\n this._layoutMode = value;\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_MODE, this._layoutMode);\n this._adapter.setLayoutMode(this._layoutMode);\n }\n }\n\n /** The layout alignment of the stepper. */\n public get layoutAlign(): StepperLayoutAlign {\n return this._layoutAlign;\n }\n public set layoutAlign(value: StepperLayoutAlign) {\n if (!/^(left|center|right)$/.test(value)) {\n return;\n }\n\n if (this._layoutAlign !== value) {\n this._layoutAlign = value;\n this._adapter.setLayoutAlign(this._layoutAlign);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN, this._layoutAlign);\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (value !== this._disabled) {\n this._disabled = value;\n this._applyDisabled();\n }\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n this._adapter.toggleHostAttribute(STEPPER_CONSTANTS.attributes.VERTICAL, this._vertical);\n }\n }\n\n private _applyVertical(): void {\n this._adapter.setVertical(this._vertical);\n }\n\n private _applyDisabled(): void {\n if (this._disabled) {\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED, 'disabled');\n } else {\n this._adapter.removeHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED);\n }\n\n this._adapter.toggleDisabled(this._disabled);\n }\n\n private _applySelectedIndex(): void {\n this._adapter.setSelectedByIndex(this._selectedIndex);\n }\n\n private _handleClick(event: Event): void {\n event.preventDefault();\n if (this._linear) {\n return;\n }\n const eventPath = getEventPath(event);\n const stepRoot = eventPath.find(el => el.classList && el.classList.contains(STEP_CONSTANTS.classes.STEP));\n const step = eventPath.find(el => el.localName === STEP_CONSTANTS.elementName) as IStepComponent | undefined;\n\n if (stepRoot && step && !step.selected && !step.disabled && this._adapter.emitHostEvent(STEP_CONSTANTS.events.SELECT, step.index, true, true)) {\n this._adapter.setSelected(step);\n this.selectedIndex = step.index;\n }\n }\n\n private _renderConfiguration(): void {\n const steps = StepperUtils.createSteps({\n steps: this._steps,\n vertical: this._vertical,\n selectedIndex: this._selectedIndex,\n alternative: this._alternative,\n layoutAlign: this._layoutAlign,\n layoutMode: this._layoutMode,\n linear: this._linear\n });\n\n this.disconnect();\n this._adapter.applyConfiguredSteps(steps);\n this.initialize();\n }\n\n private _onKeydown(event: KeyboardEvent): void {\n if (this._linear) {\n return;\n }\n\n const key = this._getKeyFromEvent(event);\n\n // If the expanded content is currently being focused, ignore stepper specific keys\n if (!this._adapter.isStepperFocused()) {\n return;\n }\n\n // Early exit if the event key isn't one of the keyboard navigation keys\n if (!key) {\n return;\n }\n\n if ([STEP_CONSTANTS.strings.HOME_KEY, STEP_CONSTANTS.strings.END_KEY, STEP_CONSTANTS.strings.ARROW_DOWN_KEY, STEPPER_CONSTANTS.strings.ARROW_UP_KEY].includes(key)) {\n event.preventDefault();\n }\n\n\n const step = this._vertical ? this._determineVerticalMoveTarget(key) : this._determineMoveTarget(key);\n\n if (step) {\n this._moveFocusTo(step);\n }\n }\n\n private _moveFocusTo(step: IStepComponent): void {\n getShadowElement(step, STEP_CONSTANTS.selectors.STEP).focus();\n }\n\n private _getKeyFromEvent(evt: KeyboardEvent): string {\n if (STEPPER_CONSTANTS.ACCEPTABLE_KEYS.includes(evt.key)) {\n return evt.key;\n }\n return STEPPER_CONSTANTS.KEYCODE_MAP[evt.keyCode];\n }\n\n private _determineMoveTarget(key: string): IStepComponent {\n const step = this._adapter.getFocusedOrSelectedStep();\n\n if (step) {\n switch (key) {\n case STEPPER_CONSTANTS.strings.ARROW_RIGHT_KEY:\n return this._adapter.getStep(step.index + 1);\n case STEPPER_CONSTANTS.strings.ARROW_LEFT_KEY:\n return this._adapter.getStep(step.index - 1);\n case STEPPER_CONSTANTS.strings.HOME_KEY:\n return this._adapter.getStep(0);\n case STEPPER_CONSTANTS.strings.END_KEY:\n return this._adapter.getLastStep();\n }\n }\n\n return step as IStepComponent;\n }\n\n private _determineVerticalMoveTarget(key: string): IStepComponent {\n const step = this._adapter.getFocusedOrSelectedStep();\n\n if (step) {\n switch (key) {\n case STEPPER_CONSTANTS.strings.ARROW_DOWN_KEY:\n return this._adapter.getStep(step.index + 1);\n case STEPPER_CONSTANTS.strings.ARROW_UP_KEY:\n return this._adapter.getStep(step.index - 1);\n case STEPPER_CONSTANTS.strings.HOME_KEY:\n return this._adapter.getStep(0);\n case STEPPER_CONSTANTS.strings.END_KEY:\n return this._adapter.getLastStep();\n }\n }\n\n return step as IStepComponent;\n }\n\n private _onSlotChange(event: Event): void {\n this.disconnect();\n this.initialize();\n }\n\n private _onStepExpandedContentFocusIn(event: CustomEvent<IStepComponent>): void {\n const step = this._adapter.getStep(event.detail.index + 1);\n if (step) {\n step.setStepTabIndex(0);\n }\n event.detail.setStepTabIndex(0);\n }\n\n private _onStepExpandedContentFocusOut(event: CustomEvent<IStepComponent>): void {\n const focusOutStep = event.target as IStepComponent;\n const step = this._adapter.getStep(focusOutStep.index + 1);\n\n if (step) {\n step.setStepTabIndex(-1);\n }\n\n focusOutStep.setStepTabIndex(-1);\n }\n\n private _onStepFocus(): void {\n this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, true);\n }\n\n private _onStepBlur(): void {\n this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, false);\n }\n\n private _patchBrowser(): void {\n if (new Platform().SAFARI()) {\n this._adapter.patchSafari();\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChildren, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\nimport { StepComponent } from '../step/step';\nimport { StepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS } from './stepper-constants';\nimport { StepperFoundation } from './stepper-foundation';\n\nconst template = '<template><div class=\\\"forge-stepper\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}';\n\nexport interface IStepperComponent extends IBaseComponent {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n disabled: boolean;\n vertical: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-stepper': IStepperComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-stepper>` custom element.\n * \n * @tag forge-stepper\n */\n@CustomElement({\n name: STEPPER_CONSTANTS.elementName,\n dependencies: [StepComponent]\n})\nexport class StepperComponent extends BaseComponent implements IStepperComponent {\n public static get observedAttributes(): string[] {\n return [\n STEPPER_CONSTANTS.attributes.SELECTED_INDEX,\n STEPPER_CONSTANTS.attributes.LINEAR,\n STEPPER_CONSTANTS.attributes.ALTERNATIVE,\n STEPPER_CONSTANTS.attributes.LAYOUT_MODE,\n STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN,\n STEPPER_CONSTANTS.attributes.DISABLED,\n STEPPER_CONSTANTS.attributes.VERTICAL\n ];\n }\n\n private _foundation: StepperFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepperFoundation(new StepperAdapter(this));\n }\n\n public async connectedCallback(): Promise<void> {\n await ensureChildren(this);\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEPPER_CONSTANTS.attributes.SELECTED_INDEX:\n this.selectedIndex = Number(newValue) || 0;\n break;\n case STEPPER_CONSTANTS.attributes.LINEAR:\n this.linear = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.LAYOUT_MODE:\n this.layoutMode = newValue as StepperLayoutMode;\n break;\n case STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN:\n this.layoutAlign = newValue as StepperLayoutAlign;\n break;\n case STEPPER_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n }\n }\n\n /** The step configurations. */\n @FoundationProperty()\n public declare steps: IStepConfiguration[];\n\n /** The active step index. */\n @FoundationProperty()\n public declare selectedIndex: number;\n\n /** Whether the stepper is linear or non-linear. */\n @FoundationProperty()\n public declare linear: boolean;\n\n /** Whether the stepper uses the default or alternative label layout mode. */\n @FoundationProperty()\n public declare alternative: boolean;\n\n /** The layout mode of the stepper. */\n @FoundationProperty()\n public declare layoutMode: StepperLayoutMode;\n\n /** The layout alignment of the stepper. */\n @FoundationProperty()\n public declare layoutAlign: StepperLayoutAlign;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { StepperComponent } from './stepper';\n\nexport * from './stepper';\nexport * from './stepper-adapter';\nexport * from './stepper-constants';\nexport * from './stepper-foundation';\n\nexport function defineStepperComponent(): void {\n defineCustomElement(StepperComponent);\n}\n\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "strings", "numbers", "ACCEPTABLE_KEYS", "KEYCODE_MAP", "STEPPER_CONSTANTS", "StepperUtils", "step", "index", "stepperConfig", "_a", "_b", "stepElement", "STEP_CONSTANTS", "labelText", "label", "stepperElement", "isLinear", "hasLinearClass", "STEPPER_CONSTANTS", "isAlternative", "hasAlternativeClass", "mode", "stepperConfiguration", "steps", "StepperAdapter", "BaseAdapter", "component", "getShadowElement", "STEPPER_CONSTANTS", "s", "listener", "steps", "step", "tab", "index", "layoutAlign", "StepperUtils", "layoutMode", "STEP_CONSTANTS", "alternative", "vertical", "toggleClass", "linear", "event", "n", "focusedStep", "activeElement", "getActiveElement", "realIndex", "disabled", "className", "show", "action", "StepperFoundation", "_adapter", "event", "STEP_CONSTANTS", "
|
|
4
|
+
"sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}stepper`;\n\nconst classes = {\n STEPPER: 'forge-stepper',\n LINEAR: 'forge-stepper--linear',\n ALTERNATIVE: 'forge-stepper--alternative',\n CLUSTERED: 'forge-stepper--clustered',\n FIXED: 'forge-stepper--fixed',\n ALIGN_LEFT: 'forge-stepper--align-left',\n ALIGN_CENTER: 'forge-stepper--align-center',\n ALIGN_RIGHT: 'forge-stepper--align-right',\n VERTICAL: 'forge-stepper--vertical',\n FOCUSED: 'forge-stepper--focused'\n};\n\nconst selectors = {\n STEPPER: `.${classes.STEPPER}`\n};\n\nconst attributes = {\n SELECTED_INDEX: 'selected-index',\n LINEAR: 'linear',\n ALTERNATIVE: 'alternative',\n LAYOUT_MODE: 'layout-mode',\n LAYOUT_ALIGN: 'layout-align',\n DISABLED: 'disabled',\n VERTICAL: 'vertical'\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n TAB_KEY: 'Tab'\n};\n\nconst numbers = {\n ARROW_LEFT_KEYCODE: 37,\n ARROW_RIGHT_KEYCODE: 39,\n END_KEYCODE: 35,\n HOME_KEYCODE: 36,\n ENTER_KEYCODE: 13,\n SPACE_KEYCODE: 32\n};\n\nconst ACCEPTABLE_KEYS = [\n strings.ARROW_LEFT_KEY,\n strings.ARROW_RIGHT_KEY,\n strings.ARROW_DOWN_KEY,\n strings.ARROW_UP_KEY,\n strings.END_KEY,\n strings.HOME_KEY,\n strings.ENTER_KEY,\n strings.SPACE_KEY,\n strings.TAB_KEY\n];\n\nconst KEYCODE_MAP = {\n [numbers.ARROW_LEFT_KEYCODE]: strings.ARROW_LEFT_KEY,\n [numbers.ARROW_RIGHT_KEYCODE]: strings.ARROW_RIGHT_KEY,\n [numbers.END_KEYCODE]: strings.END_KEY,\n [numbers.HOME_KEYCODE]: strings.HOME_KEY,\n [numbers.ENTER_KEYCODE]: strings.ENTER_KEY,\n [numbers.SPACE_KEYCODE]: strings.SPACE_KEY\n};\n\nexport const STEPPER_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n numbers,\n strings,\n ACCEPTABLE_KEYS,\n KEYCODE_MAP\n};\n\nexport interface IStepConfiguration {\n label: string;\n optionalLabel?: string;\n editable?: boolean;\n completed?: boolean;\n error?: boolean;\n disabled?: boolean;\n vertical?: boolean;\n expanded?: boolean;\n ignoreUserExpansion?: boolean;\n}\n\nexport interface IStepperConfiguration {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n vertical?: boolean;\n}\n\nexport type StepperLayoutMode = 'fixed' | 'clustered';\nexport type StepperLayoutAlign = 'left' | 'center' | 'right';\n", "import { IStepComponent, STEP_CONSTANTS } from '../step';\nimport { STEPPER_CONSTANTS, IStepConfiguration, IStepperConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\n\nexport class StepperUtils {\n /**\n * Creates a step element using the provided configuration.\n * @param {IStepConfiguration} step The step configuration\n * @param {number} index The index of the step.\n * @param {number} activeStepIndex The currently active step index.\n * @param {boolean} linear Whether the stepper is in linear mode or not.\n */\n public static createStepElement(step: IStepConfiguration, index: number, stepperConfig: IStepperConfiguration): IStepComponent {\n const stepElement = document.createElement(STEP_CONSTANTS.elementName);\n\n stepElement.index = index;\n stepElement.completed = step.completed || false;\n stepElement.editable = step.editable || false;\n stepElement.selected = stepperConfig.selectedIndex === index;\n stepElement.alternative = stepperConfig.alternative;\n stepElement.error = step.error || false;\n stepElement.disabled = step.disabled || false;\n stepElement.vertical = step.vertical ?? stepperConfig.vertical ?? false;\n stepElement.ignoreUserExpansion = step.ignoreUserExpansion || false;\n stepElement.expanded = step.expanded || false;\n\n if (stepperConfig.linear && index > stepperConfig.selectedIndex) {\n stepElement.tabIndex = -1;\n }\n\n stepElement.textContent = step.label;\n\n if (step.optionalLabel) {\n stepElement.appendChild(this.createStepOptionalLabel(step.optionalLabel));\n }\n\n return stepElement;\n }\n\n /**\n * Creates the step label element using the provided configuration.\n * @param {IStepConfiguration} step The step configuration.\n */\n public static createStepOptionalLabel(labelText: string): HTMLElement {\n const label = document.createElement('span');\n label.slot = 'optional';\n label.textContent = labelText || '';\n return label;\n }\n\n /**\n * Sets the stepper to the provided linear state.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {boolean} isLinear Whether the stepper is in linear mode or not.\n */\n public static setLinearState(stepperElement: HTMLElement, isLinear: boolean): void {\n let hasLinearClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.LINEAR);\n\n if (hasLinearClass && !isLinear) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.LINEAR);\n hasLinearClass = false;\n }\n\n if (!hasLinearClass && isLinear) {\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.LINEAR);\n }\n }\n\n /**\n * Sets the stepper to the provided label state.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {boolean} isAlternative Whether the stepper is in alternative mode or not.\n */\n public static setAlternativeState(stepperElement: HTMLElement, isAlternative: boolean): void {\n let hasAlternativeClass = stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n\n if (hasAlternativeClass && !isAlternative) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n hasAlternativeClass = false;\n }\n\n if (!hasAlternativeClass && isAlternative) {\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALTERNATIVE);\n }\n }\n\n /**\n * Sets the stepper layout mode.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {StepperLayoutMode} mode The layout mode.\n */\n public static setLayoutMode(stepperElement: HTMLElement, mode: StepperLayoutMode): void {\n switch (mode) {\n case 'clustered':\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.FIXED)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.FIXED);\n }\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.CLUSTERED);\n break;\n case 'fixed':\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.CLUSTERED)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.CLUSTERED);\n }\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.FIXED);\n break;\n }\n }\n\n /**\n * Sets the stepper layout alignment.\n * @param {HTMLElement} stepperElement The stepper element.\n * @param {StepperLayoutAlign} mode The layout alignment.\n */\n public static setLayoutAlign(stepperElement: HTMLElement, mode: StepperLayoutAlign): void {\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_LEFT)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n }\n\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_CENTER)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n }\n\n if (stepperElement.classList.contains(STEPPER_CONSTANTS.classes.ALIGN_RIGHT)) {\n stepperElement.classList.remove(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n }\n\n switch (mode) {\n case 'left':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_LEFT);\n break;\n case 'center':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_CENTER);\n break;\n case 'right':\n stepperElement.classList.add(STEPPER_CONSTANTS.classes.ALIGN_RIGHT);\n break;\n }\n }\n\n /**\n * Creates a stepper with all of its step elements.\n * @param {IStepperConfiguration} stepperConfiguration The stepper configuration.\n */\n public static createSteps(stepperConfiguration: IStepperConfiguration): IStepComponent[] {\n const steps: IStepComponent[] = [];\n\n stepperConfiguration.steps.forEach((step, index) => {\n const stepElement = StepperUtils.createStepElement(step, index, stepperConfiguration);\n steps.push(stepElement);\n });\n\n steps[0].setAttribute(STEP_CONSTANTS.attributes.FIRST, '');\n steps[steps.length - 1].setAttribute(STEP_CONSTANTS.attributes.LAST, '');\n\n return steps;\n }\n}\n", "import { getShadowElement, getActiveElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { IStepperComponent } from './stepper';\nimport { StepperLayoutAlign, StepperLayoutMode, STEPPER_CONSTANTS } from './stepper-constants';\n\nexport interface IStepperAdapter extends IBaseAdapter {\n initializeAccessibility(): void;\n toggleDisabled(disabled: boolean): void;\n patchSafari(): void;\n getFocusedOrSelectedStep(): IStepComponent;\n applyConfiguredSteps(steps: IStepComponent[]): void;\n setLinearState(linear: boolean): void;\n setLayoutAlign(layoutAlign: StepperLayoutAlign): void;\n setLayoutMode(layoutMode: StepperLayoutMode): void;\n setAlternativeState(alternative: boolean): void;\n setVertical(vertical: boolean): void;\n assignIndices(): void;\n addRootListener(event: string, listener: EventListener): void;\n removeRootListener(event: string, listener: EventListener): void;\n setSelected(step: IStepComponent): void;\n setSelectedByIndex(index: number): void;\n assignFirstLastStep(): void;\n getStep(index: number): IStepComponent;\n getLastStep(): IStepComponent;\n addSlotChangeListener(listener: EventListener): void;\n removeSlotChangeListener(listener: EventListener): void;\n toggleRootClass(className: string, show: boolean): void;\n isStepperFocused(): boolean;\n setStepsListener(event: string, listener: EventListener): void;\n removeStepsListener(event: string, listener: EventListener): void;\n}\n\nexport class StepperAdapter extends BaseAdapter<IStepperComponent> implements IStepperAdapter {\n private _rootElement: HTMLElement;\n private _slotElement: HTMLSlotElement;\n\n constructor(component: IStepperComponent) {\n super(component);\n this._rootElement = getShadowElement(component, STEPPER_CONSTANTS.selectors.STEPPER);\n this._slotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n }\n\n public initializeAccessibility(): void {\n if (!this._component.hasAttribute('role')) {\n this._component.setAttribute('role', 'tablist');\n }\n }\n\n public patchSafari(): void {\n this._applyToSteps(s => s.setAttribute('safari', ''));\n }\n\n public addSlotChangeListener(listener: EventListener): void {\n this._slotElement.addEventListener('slotchange', listener);\n }\n public removeSlotChangeListener(listener: EventListener): void {\n this._slotElement.addEventListener('slotchange', listener);\n }\n\n public getLastStep(): IStepComponent {\n const steps = this._getSteps();\n return steps.item(steps.length - 1);\n }\n\n public setSelected(step: IStepComponent): void {\n this._getSteps().forEach(s => {\n if (s === step) {\n s.selected = true;\n } else {\n s.selected = false;\n }\n });\n }\n\n public assignIndices(): void {\n const steps = this._getSteps();\n\n steps.forEach((tab, index) => {\n tab.index = index;\n });\n }\n\n public assignFirstLastStep(): void {\n const steps = this._getSteps();\n if (steps && steps.length > 1) {\n steps[0].setAttribute('first', '');\n steps[steps.length - 1].setAttribute('last', '');\n }\n }\n\n public setLayoutAlign(layoutAlign: StepperLayoutAlign): void {\n StepperUtils.setLayoutAlign(this._rootElement, layoutAlign);\n }\n public setLayoutMode(layoutMode: StepperLayoutMode): void {\n StepperUtils.setLayoutMode(this._rootElement, layoutMode);\n this._applyToSteps(s => s.setAttribute(STEP_CONSTANTS.attributes.CLUSTERED, ''));\n }\n public setAlternativeState(alternative: boolean): void {\n StepperUtils.setAlternativeState(this._rootElement, alternative);\n this._applyToSteps(step => step.alternative = alternative);\n }\n\n public setVertical(vertical: boolean): void {\n toggleClass(this._rootElement, vertical, STEPPER_CONSTANTS.classes.VERTICAL);\n this._applyToSteps(step => step.vertical = vertical);\n }\n\n public setLinearState(linear: boolean): void {\n StepperUtils.setLinearState(this._rootElement, linear);\n }\n\n public removeRootListener(event: string, listener: EventListener): void {\n this._rootElement.removeEventListener('click', listener);\n }\n public addRootListener(event: string, listener: EventListener): void {\n this._rootElement.addEventListener(event, listener);\n }\n\n public setSelectedByIndex(index: number): void {\n this._applyToSteps(step => {\n if (step.selected && step.index !== index) {\n step.selected = false;\n }\n\n if (step.index === index) {\n step.selected = true;\n }\n });\n }\n\n public applyConfiguredSteps(steps: IStepComponent[]): void {\n this._component.querySelectorAll(STEP_CONSTANTS.elementName).forEach(n => {\n this._component.removeChild(n);\n });\n\n steps.forEach(s => this._component.appendChild(s));\n }\n\n public tryGetFocusedStep(): IStepComponent | undefined {\n let focusedStep: IStepComponent = undefined as any;\n const activeElement = getActiveElement(this._component.ownerDocument);\n this._applyToSteps(step => {\n if (activeElement === getShadowElement(step, STEP_CONSTANTS.selectors.STEP)) {\n focusedStep = step;\n }\n });\n\n return focusedStep;\n }\n\n public getFocusedOrSelectedStep(): IStepComponent {\n let focusedStep = this.tryGetFocusedStep();\n\n if (!focusedStep) {\n focusedStep = this._getSteps()[0];\n focusedStep.focus();\n }\n\n return focusedStep;\n }\n\n public getStep(index: number): IStepComponent {\n let realIndex = 0;\n const steps = this._getSteps();\n\n if (index < 0) {\n return steps.item(steps.length - 1);\n }\n\n if (steps.length > index) {\n realIndex = index;\n }\n return steps.item(realIndex);\n }\n\n public toggleDisabled(disabled: boolean): void {\n this._applyToSteps(s => s.disabled = disabled);\n }\n\n public toggleRootClass(className: string, show: boolean): void{\n toggleClass(this._rootElement, show, className);\n }\n\n public isStepperFocused(): boolean {\n return this._rootElement.classList.contains(STEPPER_CONSTANTS.classes.FOCUSED);\n }\n\n public setStepsListener(event: string, listener: EventListener): void {\n this._applyToSteps(s => s.addEventListener(event, listener));\n }\n\n public removeStepsListener(event: string, listener: EventListener): void {\n this._applyToSteps(s => s.removeEventListener(event, listener));\n }\n\n private _applyToSteps(action: (step: IStepComponent, index?: number) => void): void {\n this._getSteps().forEach(action);\n }\n\n private _getSteps(): NodeListOf<IStepComponent> {\n return this._component.querySelectorAll<IStepComponent>(STEP_CONSTANTS.elementName);\n }\n}\n", "import { getEventPath, getShadowElement, ICustomElementFoundation, isDefined, isNumber, Platform } from '@tylertech/forge-core';\nimport { STEP_CONSTANTS } from '../step/step-constants';\nimport { StepperUtils } from '../core/stepper-utils';\nimport { IStepComponent } from '../step/step';\nimport { IStepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS, IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from './stepper-constants';\n\nexport interface IStepperFoundation extends ICustomElementFoundation {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n}\n\nexport class StepperFoundation implements IStepperFoundation {\n private _steps: IStepConfiguration[] = [];\n private _selectedIndex = 0;\n private _linear = false;\n private _alternative = false;\n private _layoutMode: StepperLayoutMode = 'fixed';\n private _layoutAlign: StepperLayoutAlign = 'center';\n private _initialize = false;\n private _disabled: boolean;\n private _vertical: boolean;\n\n private _clickListener: EventListener;\n private _keyListener: EventListener;\n private _slotChangeListener: EventListener;\n private _stepFocusListener: () => void;\n private _stepBlurListener: () => void;\n private _stepExpandedContentFocusInListener: (event: CustomEvent<IStepComponent>) => void;\n private _stepExpandedContentFocusOutListener: (event: CustomEvent<IStepComponent>) => void;\n\n constructor(private _adapter: IStepperAdapter) {\n this._clickListener = event => this._handleClick(event);\n this._keyListener = event => this._onKeydown(event as KeyboardEvent);\n this._stepFocusListener = () => this._onStepFocus();\n this._stepBlurListener = () => this._onStepBlur();\n this._stepExpandedContentFocusInListener = event => this._onStepExpandedContentFocusIn(event);\n this._stepExpandedContentFocusOutListener = event => this._onStepExpandedContentFocusOut(event);\n this._slotChangeListener = event => this._onSlotChange(event as Event);\n }\n\n public initialize(): void {\n this._adapter.initializeAccessibility();\n this._adapter.assignIndices();\n this._adapter.setLinearState(this._linear);\n this._adapter.setAlternativeState(this._alternative);\n this._adapter.setLayoutAlign(this._layoutAlign);\n this._adapter.setLayoutMode(this._layoutMode);\n this._adapter.addRootListener('click', this._clickListener);\n this._adapter.addHostListener('keydown', this._keyListener);\n this._adapter.assignFirstLastStep();\n this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._stepExpandedContentFocusInListener);\n this._adapter.addRootListener(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._stepExpandedContentFocusOutListener);\n this._applySelectedIndex();\n this._patchBrowser();\n this._adapter.setStepsListener('blur', this._stepBlurListener);\n this._adapter.setStepsListener('focus', this._stepFocusListener);\n if (!this._initialize) {\n this._adapter.addSlotChangeListener(this._slotChangeListener);\n }\n\n this._initialize = true;\n }\n\n public disconnect(): void {\n this._adapter.removeRootListener('click', this._clickListener);\n this._adapter.removeHostListener('keydown', this._keyListener);\n this._adapter.removeSlotChangeListener(this._slotChangeListener);\n this._adapter.removeStepsListener('blur', this._stepBlurListener);\n this._adapter.removeStepsListener('focus', this._stepFocusListener);\n }\n\n /** The step configurations. */\n public get steps(): IStepConfiguration[] {\n return this._steps.map(s => ({ ...s })); // Shallow clone\n }\n public set steps(value: IStepConfiguration[]) {\n if (Array.isArray(value) && value.length > 0) {\n this._steps = [...value.map(s => ({ ...s }))];\n } else {\n this._steps = [];\n return;\n }\n\n this._renderConfiguration();\n }\n\n /** The active step index. */\n public get selectedIndex(): number {\n return this._selectedIndex;\n }\n public set selectedIndex(value: number) {\n if (!isDefined(value)) {\n value = 0;\n } else if (!isNumber(value)) {\n const v = Number(value);\n value = !isNaN(v) ? v : 0;\n }\n\n if (this._selectedIndex !== value) {\n this._selectedIndex = value;\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.SELECTED_INDEX, this._selectedIndex.toString());\n this._applySelectedIndex();\n }\n }\n\n /** Whether the stepper is linear or non-linear. */\n public get linear(): boolean {\n return this._linear;\n }\n public set linear(value: boolean) {\n value = Boolean(value);\n if (this._linear !== value) {\n this._linear = value;\n this._adapter.setLinearState(this._linear);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LINEAR, this._linear.toString());\n }\n }\n\n /** Whether the stepper uses the default or alternative label layout mode. */\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n value = Boolean(value);\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.setAlternativeState(this._alternative);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.ALTERNATIVE, this._alternative.toString());\n }\n }\n\n /** The layout mode of the stepper. */\n public get layoutMode(): StepperLayoutMode {\n return this._layoutMode;\n }\n public set layoutMode(value: StepperLayoutMode) {\n if (!/^(fixed|clustered)$/.test(value)) {\n return;\n }\n\n if (this._layoutMode !== value) {\n this._layoutMode = value;\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_MODE, this._layoutMode);\n this._adapter.setLayoutMode(this._layoutMode);\n }\n }\n\n /** The layout alignment of the stepper. */\n public get layoutAlign(): StepperLayoutAlign {\n return this._layoutAlign;\n }\n public set layoutAlign(value: StepperLayoutAlign) {\n if (!/^(left|center|right)$/.test(value)) {\n return;\n }\n\n if (this._layoutAlign !== value) {\n this._layoutAlign = value;\n this._adapter.setLayoutAlign(this._layoutAlign);\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN, this._layoutAlign);\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (value !== this._disabled) {\n this._disabled = value;\n this._applyDisabled();\n }\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n this._adapter.toggleHostAttribute(STEPPER_CONSTANTS.attributes.VERTICAL, this._vertical);\n }\n }\n\n private _applyVertical(): void {\n this._adapter.setVertical(this._vertical);\n }\n\n private _applyDisabled(): void {\n if (this._disabled) {\n this._adapter.setHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED, 'disabled');\n } else {\n this._adapter.removeHostAttribute(STEPPER_CONSTANTS.attributes.DISABLED);\n }\n\n this._adapter.toggleDisabled(this._disabled);\n }\n\n private _applySelectedIndex(): void {\n this._adapter.setSelectedByIndex(this._selectedIndex);\n }\n\n private _handleClick(event: Event): void {\n event.preventDefault();\n if (this._linear) {\n return;\n }\n const eventPath = getEventPath(event);\n const stepRoot = eventPath.find(el => el.classList && el.classList.contains(STEP_CONSTANTS.classes.STEP));\n const step = eventPath.find(el => el.localName === STEP_CONSTANTS.elementName) as IStepComponent | undefined;\n\n if (stepRoot && step && !step.selected && !step.disabled && this._adapter.emitHostEvent(STEP_CONSTANTS.events.SELECT, step.index, true, true)) {\n this._adapter.setSelected(step);\n this.selectedIndex = step.index;\n }\n }\n\n private _renderConfiguration(): void {\n const steps = StepperUtils.createSteps({\n steps: this._steps,\n vertical: this._vertical,\n selectedIndex: this._selectedIndex,\n alternative: this._alternative,\n layoutAlign: this._layoutAlign,\n layoutMode: this._layoutMode,\n linear: this._linear\n });\n\n this.disconnect();\n this._adapter.applyConfiguredSteps(steps);\n this.initialize();\n }\n\n private _onKeydown(event: KeyboardEvent): void {\n if (this._linear) {\n return;\n }\n\n const key = this._getKeyFromEvent(event);\n\n // If the expanded content is currently being focused, ignore stepper specific keys\n if (!this._adapter.isStepperFocused()) {\n return;\n }\n\n // Early exit if the event key isn't one of the keyboard navigation keys\n if (!key) {\n return;\n }\n\n if ([STEP_CONSTANTS.strings.HOME_KEY, STEP_CONSTANTS.strings.END_KEY, STEP_CONSTANTS.strings.ARROW_DOWN_KEY, STEPPER_CONSTANTS.strings.ARROW_UP_KEY].includes(key)) {\n event.preventDefault();\n }\n\n\n const step = this._vertical ? this._determineVerticalMoveTarget(key) : this._determineMoveTarget(key);\n\n if (step) {\n this._moveFocusTo(step);\n }\n }\n\n private _moveFocusTo(step: IStepComponent): void {\n getShadowElement(step, STEP_CONSTANTS.selectors.STEP).focus();\n }\n\n private _getKeyFromEvent(evt: KeyboardEvent): string {\n if (STEPPER_CONSTANTS.ACCEPTABLE_KEYS.includes(evt.key)) {\n return evt.key;\n }\n return STEPPER_CONSTANTS.KEYCODE_MAP[evt.keyCode];\n }\n\n private _determineMoveTarget(key: string): IStepComponent {\n const step = this._adapter.getFocusedOrSelectedStep();\n\n if (step) {\n switch (key) {\n case STEPPER_CONSTANTS.strings.ARROW_RIGHT_KEY:\n return this._adapter.getStep(step.index + 1);\n case STEPPER_CONSTANTS.strings.ARROW_LEFT_KEY:\n return this._adapter.getStep(step.index - 1);\n case STEPPER_CONSTANTS.strings.HOME_KEY:\n return this._adapter.getStep(0);\n case STEPPER_CONSTANTS.strings.END_KEY:\n return this._adapter.getLastStep();\n }\n }\n\n return step as IStepComponent;\n }\n\n private _determineVerticalMoveTarget(key: string): IStepComponent {\n const step = this._adapter.getFocusedOrSelectedStep();\n\n if (step) {\n switch (key) {\n case STEPPER_CONSTANTS.strings.ARROW_DOWN_KEY:\n return this._adapter.getStep(step.index + 1);\n case STEPPER_CONSTANTS.strings.ARROW_UP_KEY:\n return this._adapter.getStep(step.index - 1);\n case STEPPER_CONSTANTS.strings.HOME_KEY:\n return this._adapter.getStep(0);\n case STEPPER_CONSTANTS.strings.END_KEY:\n return this._adapter.getLastStep();\n }\n }\n\n return step as IStepComponent;\n }\n\n private _onSlotChange(event: Event): void {\n this.disconnect();\n this.initialize();\n }\n\n private _onStepExpandedContentFocusIn(event: CustomEvent<IStepComponent>): void {\n const step = this._adapter.getStep(event.detail.index + 1);\n if (step) {\n step.setStepTabIndex(0);\n }\n event.detail.setStepTabIndex(0);\n }\n\n private _onStepExpandedContentFocusOut(event: CustomEvent<IStepComponent>): void {\n const focusOutStep = event.target as IStepComponent;\n const step = this._adapter.getStep(focusOutStep.index + 1);\n\n if (step) {\n step.setStepTabIndex(-1);\n }\n\n focusOutStep.setStepTabIndex(-1);\n }\n\n private _onStepFocus(): void {\n this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, true);\n }\n\n private _onStepBlur(): void {\n this._adapter.toggleRootClass(STEPPER_CONSTANTS.classes.FOCUSED, false);\n }\n\n private _patchBrowser(): void {\n if (new Platform().SAFARI()) {\n this._adapter.patchSafari();\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChildren, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { IStepConfiguration, StepperLayoutAlign, StepperLayoutMode } from '../stepper/stepper-constants';\nimport { StepComponent } from '../step/step';\nimport { StepperAdapter } from './stepper-adapter';\nimport { STEPPER_CONSTANTS } from './stepper-constants';\nimport { StepperFoundation } from './stepper-foundation';\n\nconst template = '<template><div class=\\\"forge-stepper\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-stepper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;white-space:nowrap;overflow:hidden}.forge-stepper:not(.forge-stepper--vertical) ::slotted(*){display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;min-width:112px}.forge-stepper--fixed ::slotted(*){-webkit-box-flex:1;flex:1}.forge-stepper--alternative{-webkit-box-align:start;align-items:flex-start}.forge-stepper--alternative ::slotted(*){min-width:160px}.forge-stepper--align-left{-webkit-box-pack:start;justify-content:flex-start}.forge-stepper--align-center{-webkit-box-pack:center;justify-content:center}.forge-stepper--align-right{-webkit-box-pack:end;justify-content:flex-end}:host{display:block}:host([hidden]){display:none}:host([vertical]) .forge-stepper{display:unset;-webkit-box-align:unset;align-items:unset;white-space:unset;overflow:unset}';\n\nexport interface IStepperComponent extends IBaseComponent {\n steps: IStepConfiguration[];\n selectedIndex: number;\n linear: boolean;\n alternative: boolean;\n layoutMode: StepperLayoutMode;\n layoutAlign: StepperLayoutAlign;\n disabled: boolean;\n vertical: boolean;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-stepper': IStepperComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-stepper>` custom element.\n * \n * @tag forge-stepper\n */\n@CustomElement({\n name: STEPPER_CONSTANTS.elementName,\n dependencies: [StepComponent]\n})\nexport class StepperComponent extends BaseComponent implements IStepperComponent {\n public static get observedAttributes(): string[] {\n return [\n STEPPER_CONSTANTS.attributes.SELECTED_INDEX,\n STEPPER_CONSTANTS.attributes.LINEAR,\n STEPPER_CONSTANTS.attributes.ALTERNATIVE,\n STEPPER_CONSTANTS.attributes.LAYOUT_MODE,\n STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN,\n STEPPER_CONSTANTS.attributes.DISABLED,\n STEPPER_CONSTANTS.attributes.VERTICAL\n ];\n }\n\n private _foundation: StepperFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepperFoundation(new StepperAdapter(this));\n }\n\n public async connectedCallback(): Promise<void> {\n await ensureChildren(this);\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEPPER_CONSTANTS.attributes.SELECTED_INDEX:\n this.selectedIndex = Number(newValue) || 0;\n break;\n case STEPPER_CONSTANTS.attributes.LINEAR:\n this.linear = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.LAYOUT_MODE:\n this.layoutMode = newValue as StepperLayoutMode;\n break;\n case STEPPER_CONSTANTS.attributes.LAYOUT_ALIGN:\n this.layoutAlign = newValue as StepperLayoutAlign;\n break;\n case STEPPER_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEPPER_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n }\n }\n\n /** The step configurations. */\n @FoundationProperty()\n public declare steps: IStepConfiguration[];\n\n /** The active step index. */\n @FoundationProperty()\n public declare selectedIndex: number;\n\n /** Whether the stepper is linear or non-linear. */\n @FoundationProperty()\n public declare linear: boolean;\n\n /** Whether the stepper uses the default or alternative label layout mode. */\n @FoundationProperty()\n public declare alternative: boolean;\n\n /** The layout mode of the stepper. */\n @FoundationProperty()\n public declare layoutMode: StepperLayoutMode;\n\n /** The layout alignment of the stepper. */\n @FoundationProperty()\n public declare layoutAlign: StepperLayoutAlign;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { StepperComponent } from './stepper';\n\nexport * from './stepper';\nexport * from './stepper-adapter';\nexport * from './stepper-constants';\nexport * from './stepper-foundation';\n\nexport function defineStepperComponent(): void {\n defineCustomElement(StepperComponent);\n}\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "strings", "numbers", "ACCEPTABLE_KEYS", "KEYCODE_MAP", "STEPPER_CONSTANTS", "StepperUtils", "step", "index", "stepperConfig", "_a", "_b", "stepElement", "STEP_CONSTANTS", "labelText", "label", "stepperElement", "isLinear", "hasLinearClass", "STEPPER_CONSTANTS", "isAlternative", "hasAlternativeClass", "mode", "stepperConfiguration", "steps", "StepperAdapter", "BaseAdapter", "component", "getShadowElement", "STEPPER_CONSTANTS", "s", "listener", "steps", "step", "tab", "index", "layoutAlign", "StepperUtils", "layoutMode", "STEP_CONSTANTS", "alternative", "vertical", "toggleClass", "linear", "event", "n", "focusedStep", "activeElement", "getActiveElement", "realIndex", "disabled", "className", "show", "action", "StepperFoundation", "_adapter", "event", "STEP_CONSTANTS", "s", "__spreadValues", "value", "isDefined", "isNumber", "v", "STEPPER_CONSTANTS", "eventPath", "getEventPath", "stepRoot", "el", "step", "steps", "StepperUtils", "key", "getShadowElement", "evt", "focusOutStep", "Platform", "template", "styles", "StepperComponent", "BaseComponent", "attachShadowTemplate", "StepperFoundation", "StepperAdapter", "STEPPER_CONSTANTS", "ensureChildren", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "StepComponent", "defineStepperComponent", "defineCustomElement", "StepperComponent"]
|
|
7
7
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as h,v as i,x as k}from"./chunk.YW3PMPBB.js";import{a as L}from"./chunk.5KC43VFL.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as O}from"./chunk.QOA2O575.js";import{a as C,e as y,g as I,l as E}from"./chunk.HOXFK44F.js";import{k as b,l as S,p as w}from"./chunk.J2M2MXP2.js";import{f as d}from"./chunk.MCIQXNKY.js";var r=class{static observe(t,e,l){var a,o;r._targets.has(t)&&((a=r._observer)===null||a===void 0||a.unobserve(t)),r._targets.set(t,e),r._countTargets(),(o=r._observer)===null||o===void 0||o.observe(t,l)}static unobserve(t){var e;r._targets.delete(t),(e=r._observer)===null||e===void 0||e.unobserve(t),r._countTargets()}static _countTargets(){r._observer?r._targets.size<1&&(r._observer=void 0):r._targets.size&&(r._observer=new ResizeObserver(r._handleResize))}};r._targets=new Map;r._handleResize=f=>{f.forEach(t=>{var e;(e=r._targets.get(t.target))===null||e===void 0||e(t)})};var v=class extends L{constructor(e){super(e);this._root=I(e,i.selectors.ROOT)}registerSlotListener(e){this._root.addEventListener("slotchange",e)}registerDidOpenListener(e){this._root.addEventListener(h.events.DID_OPEN,e)}registerDidCloseListener(e){this._root.addEventListener(h.events.DID_CLOSE,e)}observeResize(e){r.observe(this._root,e)}unobserveResize(){r.unobserve(this._root)}getSlottedPanels(){let e=this._component.querySelectorAll(i.selectors.PANEL);return Array.from(e).filter(o=>o.parentElement===this._component)}refitSlottedPanels(e){let l=e==="horizontal"?this._root.clientWidth:this._root.clientHeight,a=this.getSlottedPanels(),o=a.map(p=>{var m;let n=(m=p.shadowRoot)==null?void 0:m.querySelector(h.selectors.ROOT),u=e==="horizontal"?n==null?void 0:n.clientWidth:n==null?void 0:n.clientHeight;return u!=null?u:0}).reduce((p,n)=>p+n,0);if(o<=l)return;let _=o-l;a.slice().reverse().forEach(p=>{if(_<=0)return;let n=p.getContentSize(),u=p.getCollapsibleSize(),m=Math.min(_,u),T=n-m;p.setContentSize(T),_-=m})}};var g=class{constructor(t){this._adapter=t;this._orientation="horizontal";this._disabled=!1;this._allowClose=!1;this._autoClose=!1;this._autoCloseThreshold=0;this._isInitialized=!1;this._slotListener=e=>this._onSlotChange(e),this._didOpenListener=()=>this._onDidOpen(),this._didCloseListener=()=>this._onDidClose(),this._resizeObserverCallback=w(e=>this._onResize(e),i.numbers.RESIZE_THROTTLE_THRESHOLD)}initialize(){this._adapter.registerSlotListener(this._slotListener),this._adapter.registerDidOpenListener(this._didOpenListener),this._adapter.registerDidCloseListener(this._didCloseListener),this._adapter.observeResize(this._resizeObserverCallback),this._applyOrientation(),this._isInitialized=!0}disconnect(){this._adapter.unobserveResize()}_onSlotChange(t){this._layoutSlottedPanels(),this.update({accessibility:!0,cursor:!0,orientation:this._orientation})}_onDidOpen(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onDidClose(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onResize(t){this.update({accessibility:!0,cursor:!0,size:!0})}_layoutSlottedPanels(){let t=this._adapter.getSlottedPanels();t.length<2||t.some(e=>e.resizable!=="off")||t.slice(1).forEach(e=>e.resizable="start")}get orientation(){return this._orientation}set orientation(t){this._orientation!==t&&(this._orientation=t,this._applyOrientation())}_applyOrientation(){this._adapter.setHostAttribute(i.attributes.ORIENTATION,this._orientation),this.update({orientation:this._orientation}),this._isInitialized&&this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0})}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled),this.update({properties:{disabled:this._disabled}})}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,this._allowClose),this.update({properties:{allowClose:this._allowClose}})}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,this._autoClose),this.update({properties:{autoClose:this._autoClose}})}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){this._adapter.setHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,this._autoCloseThreshold.toString()),this.update({properties:{autoCloseThreshold:this._autoCloseThreshold}})}layerSlottedPanels(t){let e=this._adapter.getSlottedPanels(),l=t.resizable==="start"?1:-1,a=t.resizable==="start"?1:3;e.forEach(o=>{(o===t||a===2)&&(a+=l),o.style.setProperty(i.customCssProperties.ANIMATING_LAYER,a.toString())})}unlayerSlottedPanels(){this._adapter.getSlottedPanels().forEach(e=>{e.style.removeProperty(i.customCssProperties.ANIMATING_LAYER)})}update(t){this._adapter.getSlottedPanels().forEach(l=>{l.update(t)})}refitSlottedPanels(){this._adapter.refitSlottedPanels(this._orientation)}};var P='<template><div class="forge-split-view" id="root" part="root"><slot></slot></div></template>',A='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view{display:-webkit-box;display:flex;width:100%;height:100%}:host{--forge-split-view-handle-width:8px;display:block;height:100%;width:100%;overflow:hidden;contain:paint size}:host([hidden]){display:none}:host([orientation=horizontal]) .forge-split-view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}:host([orientation=vertical]) .forge-split-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}',s=class extends E{constructor(){super();y(this,P,A),this._foundation=new g(new v(this))}static get observedAttributes(){return[i.attributes.ORIENTATION,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,l,a){switch(e){case i.attributes.ORIENTATION:this.orientation=a;break;case i.attributes.DISABLED:this.disabled=b(a);break;case i.attributes.ALLOW_CLOSE:this.allowClose=b(a);break;case i.attributes.AUTO_CLOSE:this.autoClose=b(a);break;case i.attributes.AUTO_CLOSE_THRESHOLD:this.autoCloseThreshold=S(a);break}}layerSlottedPanels(e){this._foundation.layerSlottedPanels(e)}unlayerSlottedPanels(){this._foundation.unlayerSlottedPanels()}update(e){this._foundation.update(e)}refit(){this._foundation.refitSlottedPanels()}};d([c()],s.prototype,"orientation",2),d([c()],s.prototype,"disabled",2),d([c()],s.prototype,"allowClose",2),d([c()],s.prototype,"autoClose",2),d([c()],s.prototype,"autoCloseThreshold",2),s=d([O({name:i.elementName,dependencies:[k]})],s);function de(){C(s)}export{v as a,g as b,s as c,de as d};
|
|
7
|
-
//# sourceMappingURL=chunk.
|
|
6
|
+
import{a as h,v as i,x as k}from"./chunk.B7LJJMMF.js";import{a as L}from"./chunk.5KC43VFL.js";import{a as c}from"./chunk.KTGSZEAG.js";import{a as O}from"./chunk.QOA2O575.js";import{a as C,e as y,g as I,l as E}from"./chunk.HOXFK44F.js";import{k as b,l as S,p as w}from"./chunk.J2M2MXP2.js";import{f as d}from"./chunk.MCIQXNKY.js";var r=class{static observe(t,e,l){var a,o;r._targets.has(t)&&((a=r._observer)===null||a===void 0||a.unobserve(t)),r._targets.set(t,e),r._countTargets(),(o=r._observer)===null||o===void 0||o.observe(t,l)}static unobserve(t){var e;r._targets.delete(t),(e=r._observer)===null||e===void 0||e.unobserve(t),r._countTargets()}static _countTargets(){r._observer?r._targets.size<1&&(r._observer=void 0):r._targets.size&&(r._observer=new ResizeObserver(r._handleResize))}};r._targets=new Map;r._handleResize=f=>{f.forEach(t=>{var e;(e=r._targets.get(t.target))===null||e===void 0||e(t)})};var v=class extends L{constructor(e){super(e);this._root=I(e,i.selectors.ROOT)}registerSlotListener(e){this._root.addEventListener("slotchange",e)}registerDidOpenListener(e){this._root.addEventListener(h.events.DID_OPEN,e)}registerDidCloseListener(e){this._root.addEventListener(h.events.DID_CLOSE,e)}observeResize(e){r.observe(this._root,e)}unobserveResize(){r.unobserve(this._root)}getSlottedPanels(){let e=this._component.querySelectorAll(i.selectors.PANEL);return Array.from(e).filter(o=>o.parentElement===this._component)}refitSlottedPanels(e){let l=e==="horizontal"?this._root.clientWidth:this._root.clientHeight,a=this.getSlottedPanels(),o=a.map(p=>{var m;let n=(m=p.shadowRoot)==null?void 0:m.querySelector(h.selectors.ROOT),u=e==="horizontal"?n==null?void 0:n.clientWidth:n==null?void 0:n.clientHeight;return u!=null?u:0}).reduce((p,n)=>p+n,0);if(o<=l)return;let _=o-l;a.slice().reverse().forEach(p=>{if(_<=0)return;let n=p.getContentSize(),u=p.getCollapsibleSize(),m=Math.min(_,u),T=n-m;p.setContentSize(T),_-=m})}};var g=class{constructor(t){this._adapter=t;this._orientation="horizontal";this._disabled=!1;this._allowClose=!1;this._autoClose=!1;this._autoCloseThreshold=0;this._isInitialized=!1;this._slotListener=e=>this._onSlotChange(e),this._didOpenListener=()=>this._onDidOpen(),this._didCloseListener=()=>this._onDidClose(),this._resizeObserverCallback=w(e=>this._onResize(e),i.numbers.RESIZE_THROTTLE_THRESHOLD)}initialize(){this._adapter.registerSlotListener(this._slotListener),this._adapter.registerDidOpenListener(this._didOpenListener),this._adapter.registerDidCloseListener(this._didCloseListener),this._adapter.observeResize(this._resizeObserverCallback),this._applyOrientation(),this._isInitialized=!0}disconnect(){this._adapter.unobserveResize()}_onSlotChange(t){this._layoutSlottedPanels(),this.update({accessibility:!0,cursor:!0,orientation:this._orientation})}_onDidOpen(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onDidClose(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onResize(t){this.update({accessibility:!0,cursor:!0,size:!0})}_layoutSlottedPanels(){let t=this._adapter.getSlottedPanels();t.length<2||t.some(e=>e.resizable!=="off")||t.slice(1).forEach(e=>e.resizable="start")}get orientation(){return this._orientation}set orientation(t){this._orientation!==t&&(this._orientation=t,this._applyOrientation())}_applyOrientation(){this._adapter.setHostAttribute(i.attributes.ORIENTATION,this._orientation),this.update({orientation:this._orientation}),this._isInitialized&&this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0})}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled),this.update({properties:{disabled:this._disabled}})}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,this._allowClose),this.update({properties:{allowClose:this._allowClose}})}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,this._autoClose),this.update({properties:{autoClose:this._autoClose}})}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){this._adapter.setHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,this._autoCloseThreshold.toString()),this.update({properties:{autoCloseThreshold:this._autoCloseThreshold}})}layerSlottedPanels(t){let e=this._adapter.getSlottedPanels(),l=t.resizable==="start"?1:-1,a=t.resizable==="start"?1:3;e.forEach(o=>{(o===t||a===2)&&(a+=l),o.style.setProperty(i.customCssProperties.ANIMATING_LAYER,a.toString())})}unlayerSlottedPanels(){this._adapter.getSlottedPanels().forEach(e=>{e.style.removeProperty(i.customCssProperties.ANIMATING_LAYER)})}update(t){this._adapter.getSlottedPanels().forEach(l=>{l.update(t)})}refitSlottedPanels(){this._adapter.refitSlottedPanels(this._orientation)}};var P='<template><div class="forge-split-view" id="root" part="root"><slot></slot></div></template>',A='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view{display:-webkit-box;display:flex;width:100%;height:100%}:host{--forge-split-view-handle-width:8px;display:block;height:100%;width:100%;overflow:hidden;contain:paint size}:host([hidden]){display:none}:host([orientation=horizontal]) .forge-split-view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}:host([orientation=vertical]) .forge-split-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}',s=class extends E{constructor(){super();y(this,P,A),this._foundation=new g(new v(this))}static get observedAttributes(){return[i.attributes.ORIENTATION,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,l,a){switch(e){case i.attributes.ORIENTATION:this.orientation=a;break;case i.attributes.DISABLED:this.disabled=b(a);break;case i.attributes.ALLOW_CLOSE:this.allowClose=b(a);break;case i.attributes.AUTO_CLOSE:this.autoClose=b(a);break;case i.attributes.AUTO_CLOSE_THRESHOLD:this.autoCloseThreshold=S(a);break}}layerSlottedPanels(e){this._foundation.layerSlottedPanels(e)}unlayerSlottedPanels(){this._foundation.unlayerSlottedPanels()}update(e){this._foundation.update(e)}refit(){this._foundation.refitSlottedPanels()}};d([c()],s.prototype,"orientation",2),d([c()],s.prototype,"disabled",2),d([c()],s.prototype,"allowClose",2),d([c()],s.prototype,"autoClose",2),d([c()],s.prototype,"autoCloseThreshold",2),s=d([O({name:i.elementName,dependencies:[k]})],s);function de(){C(s)}export{v as a,g as b,s as c,de as d};
|
|
7
|
+
//# sourceMappingURL=chunk.326IKRDS.js.map
|