@web-atoms/web-controls 2.3.0 → 2.3.2
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/dist/ModuleFiles.js +1 -55
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.js +1 -61
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +1 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +1 -19
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +1 -332
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +1 -86
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +1 -42
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +1 -376
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1 -1116
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +1 -167
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +1 -65
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +1 -251
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +1 -76
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +1 -31
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +1 -53
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +1 -87
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +1 -332
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +1 -94
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +1 -174
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +1 -121
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +1 -139
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +1 -319
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +1 -31
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +1 -192
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +1 -8
- package/dist/basic/InlinePopup.js +1 -327
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +1 -38
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +1 -29
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +1 -51
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +1 -65
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +1 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +1 -36
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +1 -36
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +1 -56
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +1 -270
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +1 -73
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +1 -66
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +1 -84
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +1 -42
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +1 -120
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +1 -60
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +1 -51
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +1 -63
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +1 -101
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +1 -12
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +1 -48
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +1 -45
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +1 -21
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +1 -31
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +1 -98
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +1 -179
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +1 -133
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +1 -89
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +1 -77
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +1 -60
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +1 -71
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +1 -55
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +1 -78
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +1 -65
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +1 -112
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +1 -60
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +1 -95
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +1 -145
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +1 -102
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +1 -16
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +1 -72
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +1 -26
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +3 -329
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +1 -84
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +1 -103
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +1 -40
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +1 -97
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +1 -23
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +1 -56
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +1 -71
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +1 -32
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +1 -56
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +1 -99
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +1 -42
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +1 -22
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +1 -77
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +1 -23
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +1 -23
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +1 -23
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +1 -23
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +1 -23
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +1 -23
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +1 -25
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +1 -99
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +1 -23
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +1 -23
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +1 -24
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +1 -23
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +1 -205
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +1 -63
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +1 -53
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +1 -26
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +1 -169
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +1 -27
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +1 -230
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +1 -604
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +1 -248
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +1 -29
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +1 -89
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +1 -48
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +1 -79
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +1 -105
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +1 -27
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +1 -101
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"mtBAgCqBA,eAAgB,4LAhC5BC,IAAI,uBAAJA,IAAI,uCACNC,IAAI,qFACFC,gBAAgB,uCAAhBA,gBAAgB,wCAChBC,WAAW,4BAAXA,WAAW,wCACbC,KAAK,2FACHC,iBAAiB,4CAAjBA,iBAAiB,uDACnBC,gBAAgB,uGACdC,WAAW,yCAAXA,WAAW,6DACXC,mBAAmB,iDAAnBA,mBAAmB,uDAEnBC,aAAa,2CAAbA,aAAa,mCAEfC,oBAAoB,qDACpBC,QAAQ,yCAQf,UAAKC,QAAQ,EACTA,yBAAe,CACfA,iCAAuB,CACvBA,6BAAmB,CACnBA,iCAAuB,CACvBA,mCAAyB,CACzBA,qBAAW,CACXA,uBAAa,CACbA,2BAAiB,CACrB,CAAC,EATIA,QAAQ,GAARA,QAAQ,MASZ,kBAEoBb,eAAgB,CAAvB,KAAOA,gBAAgB,QAAQQ,YAAW,CA6C7CM,iBAAiB,CAACC,IAAY,EACjC,OAAQA,IAAI,EACR,IAAK,YAAY,CACjB,IAAK,OAAO,CACR,IAAI,CAACC,mBAAmB,CAAC,IAAI,CAAC,CAC9B,MACJ,IAAK,cAAc,CACf,KAAMC,GAAE,CAAG,IAAI,CAACC,YAAY,CAC5B,KAAMC,GAAE,CAAG,IAAI,CAACC,SAAS,CACzB,GAAID,EAAE,EAAIF,EAAE,CAAE,CACV,IAAI,CAACI,KAAK,CAAGF,EAAE,CAAEF,EAAE,CAAC,EAExB,MAAM,CAElB,CAEOK,UAAU,GACb,KAAK,CAACA,UAAU,EAAE,CAClB,GAAI,IAAI,CAACC,OAAO,CAAE,CACd,QAGJ,KAAMC,UAAS,CAAG,IAAM,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAE,IAAWC,yCAClD,KAAM1B,KAAI,CAAC2B,KAAK,CAAC,GAAG,CAAC,CACrB,KAAM,KAAI,CAACJ,SAAS,CAAC,IAAI,CAAC,CAC9B,CAAC,EAAC,CAEF,IAAI,CAACK,MAAM,CAACxB,oBACRyB,UAAU,CAAE5B,IAAI,CAAC6B,MAAM,CAAC,KAAO,CAC3B,CAAC,IAAI,CAACC,YAAY,CAACjB,IAAI,EAAG,CAAC,CAC3B,YAAY,CAAE,IAAI,CAACkB,WAAW,EAAI,CAAC,IAAI,CAACZ,MAC3C,CAAC,CAAC,EACHhB,sBACI6B,IAAI,CAAC,QAAQ,CACbC,YAAY,CAAC,MAAM,CACnBC,UAAU,CAAEZ,SAAS,CACrBa,UAAU,CAAEb,SAAS,CACrBH,KAAK,CAAEnB,IAAI,CAACoC,OAAO,CAAC,IAAM,IAAI,CAACC,UAAU,CAAE,CAAC,OAAO,CAAE,UAAU,CAAE,SAAS,CAAC,CAAC,CAC5EC,WAAW,CAAEtC,IAAI,CAAC6B,MAAM,CAAC,IAAM,IAAI,CAACU,KAAK,CAAC,CAC1CC,YAAY,CAAGC,CAAC,EAAK,IAAI,CAACC,KAAK,CAACD,CAAC,CAAC,CAClCE,SAAS,CAAE,IAAMC,UAAU,CAAC,IAAK,QAAC,cAAI,CAACC,WAAW,gCAAEC,MAAM,EAAE,GAAE,GAAG,CAAC,EAAG,CACzE3C,aAACI,mBAAmB,EAChBwC,KAAK,CAAC,eAAe,CACrBC,eAAe,CAAEhD,IAAI,CAAC6B,MAAM,CAAC,IAAM,IAAI,CAACoB,YAAY,CAAC,CACrDC,IAAI,CAAElD,IAAI,CAAC6B,MAAM,CAAC,IAAM,IAAI,CAACb,YAAY,CAAC,EACxC,CACJ,CAAC,CAEX,CAEOmC,WAAW,CAACtC,IAAY,EAC3B,GAAI,+EAA+E,CAACuC,IAAI,CAACvC,IAAI,CAAC,CAAE,CAC5F,MAAO,KAAI,EAEf,MAAO,MAAK,CAACsC,WAAW,CAACtC,IAAI,CAAC,CAClC,CAEUC,mBAAmB,CAACuC,MAAiB,KAAK,SAEhD,GAAI,IAAI,CAACC,UAAU,CAAE,CACjB,QAEJ,GAAI,CAACD,KAAK,CAAE,CACR,GAAI,IAAI,CAACE,cAAc,GAAK,IAAI,CAAClB,UAAU,CAAE,CACzC,QAEJ,IAAI,CAACkB,cAAc,CAAG,IAAI,CAAClB,UAAU,EAGzCO,UAAU,CAAC,IAAK,CACZ,IAAI,CAACrB,GAAG,CAACC,QAAQ,CAAC,IAAM,IAAI,CAACF,SAAS,EAAE,CAAC,CAC7C,CAAC,CAAE,EAAE,CAAC,CAEN,GAAI,CAAC,IAAI,CAACkC,WAAW,CAAE,CAEnBC,OAAO,CAACC,IAAI,CAAC,wBAAwB,CAAC,CACtC,QAGJ,KAAMC,EAAC,CAAG,IAAI,CAACtB,UAAU,EAAI,IAAI,CAAClB,KAAK,CACvC,GAAI,CAACwC,CAAC,CAAE,CACJ,QAGJ,QAAI,CAACd,WAAW,gCAAEC,MAAM,EAAE,CAE1B,KAAMc,EAAC,CAAG,GAAI1D,YAAW,EAAE,CAC3B,IAAI,CAAC2C,WAAW,CAAGe,CAAC,CAEpB,IAAI,CAACpC,QAAQ,CAAC,IAAWC,yCAErB,KAAM1B,KAAI,CAAC2B,KAAK,CAAC,GAAG,CAAEkC,CAAC,CAAC,CAExB,GAAIA,CAAC,CAACC,SAAS,CAAE,CACb,QAGJ,KAAMC,OAAM,CAAG,IAAI,CAACN,WAAW,CAAC,CAC5BO,MAAM,CAAE,IAAI,CAAC1B,UAAU,CACvBS,MAAM,CAAEc,CAAC,CACTzC,KAAK,CAAE,IAAI,CAACA,MACf,CAAC,CACF,GAAI,CAAC2C,MAAM,CAAE,CACT,QAEJ,KAAME,GAAE,CAAGF,MAAwB,CACnC,GAAIE,EAAE,CAACC,IAAI,EAAID,EAAE,CAACE,KAAK,CAAE,CACrB,GAAI,CACA,KAAMC,MAAK,CAAG,KAAMH,GAAE,CACtB,GAAIJ,CAAC,CAACC,SAAS,CAAE,CACb,QAEJ,IAAI,CAACM,KAAK,CAACC,OAAO,CAACD,KAAK,EAAI,EAAE,CAAC,EACjC,MAAOE,EAAE,CAAE,CACTT,CAAC,CAACd,MAAM,EAAE,GAEjB,IAAM,CACH,KAAMqB,MAAK,CAAGL,MAAe,CAC7B,GAAIF,CAAC,CAACC,SAAS,CAAE,CACb,QAEJ,IAAI,CAACM,KAAK,CAACC,OAAO,CAACD,KAAK,EAAI,EAAE,CAAC,EAGnC,GAAI,CAAC,IAAI,CAACnD,YAAY,CAAE,CAEpB,KAAMsD,MAAK,CAAG,IAAI,CAACH,KAAK,CAAC,CAAC,CAAC,CAC3B,GAAIG,KAAK,CAAE,CACP,KAAMC,GAAE,CAAG,IAAI,CAACrD,SAAS,CAAG,IAAI,CAACA,SAAS,CAACoD,KAAK,CAAC,CAAGA,KAAK,CAEzD,GAAIC,EAAE,EAAI,IAAI,CAACpD,KAAK,CAAE,CAClB,IAAI,CAACH,YAAY,CAAGsD,KAAK,CACzB,IAAI,CAACE,OAAO,CAACC,aAAa,CAAC,GAAIC,YAAW,CAAC,eAAe,CAAE,CACxDC,UAAU,CAAE,KAAK,CACjBC,OAAO,CAAE,KAAK,CACdC,MAAM,CAAE,IAAI,CAAC7D,aAChB,CAAC,CAAC,IAKnB,CAAC,EAAC,CAEN,CAEUQ,QAAQ,CAACsD,EAAuB,EACtC,IAAI,CAACvD,GAAG,CAACC,QAAQ,CAAC,IAAWC,yCACzB,GAAI,CACA,KAAMqD,GAAE,EAAE,EACZ,MAAOrC,CAAC,CAAE,CACR,KAAMkB,EAAC,CAAGlB,CAAC,CAACsC,OAAO,EAAItC,CAAC,CAACuC,QAAQ,EAAE,CACnC,GAAIrB,CAAC,GAAK,WAAW,CAAE,CACnB,QAGJF,OAAO,CAACwB,KAAK,CAACxC,CAAC,CAAC,EAExB,CAAC,EAAC,CACN,CAEUyC,SAAS,GACf,IAAI,CAACjC,YAAY,CAAG,IAAI,CACxB,IAAI,CAACkB,KAAK,CAAG,EAAE,CACf,IAAI,CAACX,WAAW,CAAG,IAAI,CACvB,IAAI,CAACjB,KAAK,CAAG,IAAI,CACjB,IAAI,CAACgB,cAAc,CAAG,IAAI,CAC1B,IAAI,CAAC4B,SAAS,CAAG,IAAI,CACrB,IAAI,CAAChE,KAAK,CAAG,IAAI,CACjB,IAAI,CAACY,WAAW,CAAG,KAAK,CACxB,IAAI,CAACb,SAAS,CAAG,IAAI,CACrB,IAAI,CAACkE,gBAAgB,CAAG1E,QAAQ,CAChC,IAAI,CAAC2B,UAAU,CAAG,IAAI,CACtB,IAAI,CAACkB,cAAc,CAAG,IAAI,CAC1B,IAAI,CAAC4B,SAAS,CAAG,IAAI,CACrB,IAAI,CAAC9D,OAAO,CAAG,KAAK,CACpB,IAAI,CAACiC,UAAU,CAAG,KAAK,CACvB,IAAI,CAAC+B,mBAAmB,CAAG5E,oBAAoB,CACnD,CAGU6E,MAAM,GAAW,CAEjB5C,KAAK,CAACD,CAAgB,EAC5B,GAAI,CAAC,IAAI,CAACV,WAAW,CAAE,CACnB,QAEJ,OAAQU,CAAC,CAAC8C,GAAG,EACT,IAAK5E,SAAQ,CAAC6E,KAAK,CACf,GAAI,IAAI,CAACC,eAAe,CAAE,CACtB,IAAI,CAACjB,OAAO,CAACC,aAAa,CAAC,GAAIC,YAAW,CAAC,eAAe,CAAE,CACxDC,UAAU,CAAE,KAAK,CACjBC,OAAO,CAAE,KAAK,CACdC,MAAM,CAAE,IAAI,CAAC7D,aAChB,CAAC,CAAC,CACH,IAAI,CAACyE,eAAe,CAACC,KAAK,CAAC,IAAI,CAAC1E,YAAY,CAAC,CAC7C,IAAI,CAACyE,eAAe,CAAG,IAAI,EAE/B,MACJ,IAAK9E,SAAQ,CAACgF,MAAM,CAChB,GAAI,IAAI,CAACF,eAAe,CAAE,CACtB,IAAI,CAACA,eAAe,CAAC3C,MAAM,EAAE,CAC7B,IAAI,CAAC2C,eAAe,CAAG,IAAI,EAE/B,MACJ,IAAK9E,SAAQ,CAACiF,OAAO,CACjB,IAAI,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC,CACtB,MACJ,IAAKlF,SAAQ,CAACmF,SAAS,CACnB,IAAI,CAACD,aAAa,CAAC,CAAC,CAAC,CAAC,CACtB,MAAM,CAElB,CAEUA,aAAa,CAACE,CAAS,EAC7B,GAAI,CACA,IAAI,CAACzC,UAAU,CAAG,IAAI,CACtB,GAAI,CAAC,IAAI,CAACa,KAAK,CAAE,CACb,QAEJ,KAAM6B,MAAK,CAAG,IAAI,CAAC7B,KAAK,CAAC8B,OAAO,CAAC,IAAI,CAACjF,YAAY,CAAC,CACnD,GAAIgF,KAAK,GAAK,CAAC,CAAC,CAAE,CACd,GAAID,CAAC,CAAG,CAAC,EAAI,IAAI,CAAC5B,KAAK,CAAC+B,MAAM,CAAE,CAC5B,IAAI,CAAClF,YAAY,CAAG,IAAI,CAACmD,KAAK,CAAC,CAAC,CAAC,EAErC,QAEJ,KAAMgC,SAAQ,CAAGH,KAAK,CAAGD,CAAC,CAC1B,GAAII,QAAQ,CAAG,CAAC,EAAIA,QAAQ,EAAI,IAAI,CAAChC,KAAK,CAAC+B,MAAM,CAAE,CAC/C,QAEJ,IAAI,CAAClF,YAAY,CAAG,IAAI,CAACmD,KAAK,CAACgC,QAAQ,CAAC,EAC3C,OAAS,CACN,IAAI,CAAC7C,UAAU,CAAG,KAAK,EAE/B,CAEgBhC,SAAS,CAAC+B,MAAiB,KAAK,kDAC5C,GAAI,IAAI,CAACtB,WAAW,CAAE,CAClB,QAEJ,GAAI,CAEA,GAAI,CAACsB,KAAK,CAAE,CACR,GAAI,CAAC,IAAI,CAAChB,UAAU,CAAE,CAClB,SAIR,IAAI,CAACN,WAAW,CAAG,IAAI,CAEvB,IAAI,CAACjB,mBAAmB,EAAE,CAE1B,KAAMsF,GAAE,CAAG,IAAI,CAAC7E,GAAG,CAAC8E,GAAG,CAAChG,gBAAgB,CAAC,CAEzC,KAAMiG,GAAE,CAAG,IAAI,CAAC/E,GAAG,CAAC8E,GAAG,CAAC7F,aAAa,CAAC,CAEtC,KAAM+F,IAAG,CAAGH,EAAE,CAACI,GAAG,CAAC,IAAI,CAACpB,gBAAgB,CAAC,CACzC,KAAMqB,OAAM,CAAGL,EAAE,CAACI,GAAG,CAAC,IAAI,CAAC,CAE3B,KAAME,GAAE,CAAG,IAAI,CAACnF,GAAG,CAACoF,OAAO,CAACvG,iBAAiB,CAAsB,CAEnE,IAAI,CAACwG,YAAY,CAAG,IAAI,CAAC5F,YAAY,CAErC,KAAMG,MAAK,CAAG,KAAMuF,GAAE,CAACG,QAAQ,CAAC,eAAeN,GAAG,CAAChB,GAAG,EAAE,CAAE,CACtD,cAAc,CAAEkB,OACnB,CAAC,CAEF,IAAI,CAACzF,YAAY,CAAGG,KAAK,EAE3B,MAAOsB,CAAC,CAAE,CACR,IAAI,CAACzB,YAAY,CAAG,IAAI,CAAC4F,YAAY,CAErC,GAAInE,CAAC,EAAI,WAAW,CAAE,CAElBgB,OAAO,CAACC,IAAI,CAACjB,CAAC,CAAC,EAClB,IAAM,CACH,IAAI,CAACJ,UAAU,CAAG,EAAE,GAG3B,OAAS,CACN,KAAMtC,KAAI,CAAC2B,KAAK,CAAC,GAAG,CAAC,CACrB,IAAI,CAACK,WAAW,CAAG,KAAK,EAEhC,CAAC,MAtUajC,4BAAY,CAAGK,KAAK,CAAC2G,OAAO,CAAC,cAAc,CAAE,IAAI,CAAE,IAAI,CAAC,CAItEC,YAAC9G,gBAAgB,mFACQ,CAIzB8G,YAAC9G,gBAAgB,4EACC","names":["AutoCompleteBox","Atom","Bind","BindableProperty","CancelToken","XNode","NavigationService","ReferenceService","AtomControl","AtomTemplateControl","WindowService","AutoCompleteBoxStyle","ItemHost","KeyCodes","onPropertyChanged","name","onSearchTextChanged","si","selectedItem","vf","valueFunc","value","onUpdateUI","created","openPopup","app","runAsync","__awaiter","delay","render","styleClass","oneWay","controlStyle","isPopupOpen","type","autocomplete","eventFocus","eventClick","twoWays","searchText","placeholder","label","eventKeydown","e","onKey","eventBlur","setTimeout","cancelToken","cancel","class","contentTemplate","itemTemplate","data","hasProperty","test","force","isUpdating","lastSearchText","itemsSource","console","warn","s","c","cancelled","result","search","rp","then","catch","items","replace","ex","first","v1","element","dispatchEvent","CustomEvent","cancelable","bubbles","detail","fx","message","toString","error","preCreate","lastValue","itemHostTemplate","defaultControlStyle","create","key","Enter","windowViewModel","close","Escape","ArrowUp","moveSelection","ArrowDown","n","index","indexOf","length","newIndex","rs","get","ws","iht","put","parent","ns","resolve","previousItem","openPage","prepare","__decorate"],"sourceRoot":"","sources":["../../src/auto-complete/AutoCompleteBox.tsx"],"sourcesContent":[null]}
|
|
@@ -1,87 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/web/styles/AtomStyle",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var AtomStyle, StyleBuilder, AutoCompleteBoxStyle;
|
|
5
|
-
_export("default", void 0);
|
|
6
|
-
return {
|
|
7
|
-
setters: [function (_webAtomsCoreDistWebStylesAtomStyle) {
|
|
8
|
-
AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
|
|
9
|
-
}, function (_webAtomsCoreDistWebStylesStyleBuilder) {
|
|
10
|
-
StyleBuilder = _webAtomsCoreDistWebStylesStyleBuilder.default;
|
|
11
|
-
}],
|
|
12
|
-
execute: function () {
|
|
13
|
-
_export("default", AutoCompleteBoxStyle = class AutoCompleteBoxStyle extends AtomStyle {
|
|
14
|
-
get theme() {
|
|
15
|
-
return this.styleSheet;
|
|
16
|
-
}
|
|
17
|
-
get root() {
|
|
18
|
-
return {
|
|
19
|
-
position: "relative",
|
|
20
|
-
minWidth: "200px",
|
|
21
|
-
minHeight: "25px",
|
|
22
|
-
borderRadius: "3px",
|
|
23
|
-
webkitBorderRadius: "3px",
|
|
24
|
-
subclasses: {
|
|
25
|
-
".popup": this.popup,
|
|
26
|
-
" .item": this.item,
|
|
27
|
-
" .selected-item": this.selectedItem,
|
|
28
|
-
" .item-template": this.itemTemplate,
|
|
29
|
-
" > input[type=search]": Object.assign(Object.assign({}, StyleBuilder.newStyle.absolute(0, 0).toStyle()), {
|
|
30
|
-
opacity: "0",
|
|
31
|
-
zIndex: "100",
|
|
32
|
-
borderRadius: "3px",
|
|
33
|
-
webkitBorderRadius: "3px",
|
|
34
|
-
subclasses: {
|
|
35
|
-
":focus": {}
|
|
36
|
-
}
|
|
37
|
-
}),
|
|
38
|
-
" > div": {
|
|
39
|
-
zIndex: "1"
|
|
40
|
-
},
|
|
41
|
-
".popup-open": {
|
|
42
|
-
borderRadius: "3px",
|
|
43
|
-
webkitBorderRadius: "3px",
|
|
44
|
-
subclasses: {
|
|
45
|
-
" > input[type=search]": {
|
|
46
|
-
opacity: "1",
|
|
47
|
-
borderRadius: "3px",
|
|
48
|
-
webkitBorderRadius: "3px",
|
|
49
|
-
webkitAppearance: "none"
|
|
50
|
-
},
|
|
51
|
-
" > div": {
|
|
52
|
-
opacity: "0.3"
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
get popup() {
|
|
60
|
-
return {
|
|
61
|
-
overflow: "auto",
|
|
62
|
-
width: "200px",
|
|
63
|
-
height: "400px"
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
get itemTemplate() {
|
|
67
|
-
return Object.assign(Object.assign({}, StyleBuilder.newStyle.absolute(0, 0).toStyle()), this.item);
|
|
68
|
-
}
|
|
69
|
-
get item() {
|
|
70
|
-
return {
|
|
71
|
-
backgroundColor: this.theme.bgColor,
|
|
72
|
-
color: this.theme.color,
|
|
73
|
-
padding: "5px",
|
|
74
|
-
borderRadius: "5px"
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
get selectedItem() {
|
|
78
|
-
return Object.assign(Object.assign({}, this.item), {
|
|
79
|
-
backgroundColor: this.theme.selectedBgColor,
|
|
80
|
-
color: this.theme.selectedColor
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
});
|
|
1
|
+
System.register(["@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/StyleBuilder"],function(_export,_context){"use strict";var AtomStyle,StyleBuilder,AutoCompleteBoxStyle;_export("default",void 0);return{setters:[function(_webAtomsCoreDistWebStylesAtomStyle){AtomStyle=_webAtomsCoreDistWebStylesAtomStyle.AtomStyle;},function(_webAtomsCoreDistWebStylesStyleBuilder){StyleBuilder=_webAtomsCoreDistWebStylesStyleBuilder.default;}],execute:function(){_export("default",AutoCompleteBoxStyle=class AutoCompleteBoxStyle extends AtomStyle{get theme(){return this.styleSheet;}get root(){return{position:"relative",minWidth:"200px",minHeight:"25px",borderRadius:"3px",webkitBorderRadius:"3px",subclasses:{".popup":this.popup," .item":this.item," .selected-item":this.selectedItem," .item-template":this.itemTemplate," > input[type=search]":Object.assign(Object.assign({},StyleBuilder.newStyle.absolute(0,0).toStyle()),{opacity:"0",zIndex:"100",borderRadius:"3px",webkitBorderRadius:"3px",subclasses:{":focus":{}}})," > div":{zIndex:"1"},".popup-open":{borderRadius:"3px",webkitBorderRadius:"3px",subclasses:{" > input[type=search]":{opacity:"1",borderRadius:"3px",webkitBorderRadius:"3px",webkitAppearance:"none"}," > div":{opacity:"0.3"}}}}};}get popup(){return{overflow:"auto",width:"200px",height:"400px"};}get itemTemplate(){return Object.assign(Object.assign({},StyleBuilder.newStyle.absolute(0,0).toStyle()),this.item);}get item(){return{backgroundColor:this.theme.bgColor,color:this.theme.color,padding:"5px",borderRadius:"5px"};}get selectedItem(){return Object.assign(Object.assign({},this.item),{backgroundColor:this.theme.selectedBgColor,color:this.theme.selectedColor});}});}};});
|
|
87
2
|
//# sourceMappingURL=AutoCompleteBoxStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"gLAKqBA,oBAAqB,yFALjCC,SAAS,qCAATA,SAAS,oDAGXC,YAAY,wFAEEF,oBAAqB,CAA5B,KAAOA,qBAAqB,QAAQC,UAAS,CAEvD,GAAWE,MAAK,GACZ,MAAO,KAAI,CAACC,UAAuB,CACvC,CAEA,GAAWC,KAAI,GACX,MAAO,CACHC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,OAAO,CACjBC,SAAS,CAAE,MAAM,CACjBC,YAAY,CAAE,KAAK,CACnBC,kBAAkB,CAAE,KAAK,CACzBC,UAAU,CAAE,CACR,QAAQ,CAAE,IAAI,CAACC,KAAK,CACpB,QAAQ,CAAE,IAAI,CAACC,IAAI,CACnB,iBAAiB,CAAE,IAAI,CAACC,YAAY,CACpC,iBAAiB,CAAE,IAAI,CAACC,YAAY,CACpC,uBAAuB,gCACfb,YAAY,CAACc,QAAQ,CAACC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC,CAACC,OAAO,EAAE,GAClDC,OAAO,CAAE,GAAG,CACZC,MAAM,CAAE,KAAK,CACbX,YAAY,CAAE,KAAK,CACnBC,kBAAkB,CAAE,KAAK,CACzBC,UAAU,CAAE,CACR,QAAQ,CAAE,GAGb,EACJ,CACD,QAAQ,CAAE,CACNS,MAAM,CAAE,IACX,CACD,aAAa,CAAE,CACXX,YAAY,CAAE,KAAK,CACnBC,kBAAkB,CAAE,KAAK,CACzBC,UAAU,CAAE,CACR,uBAAuB,CAAE,CACrBQ,OAAO,CAAE,GAAG,CACZV,YAAY,CAAE,KAAK,CACnBC,kBAAkB,CAAE,KAAK,CACzBW,gBAAgB,CAAE,OACrB,CACD,QAAQ,CAAE,CACNF,OAAO,CAAE,UAK5B,CACL,CAEA,GAAWP,MAAK,GACZ,MAAO,CACHU,QAAQ,CAAE,MAAM,CAChBC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QACX,CACL,CAEA,GAAWT,aAAY,GACnB,sCACQb,YAAY,CACXc,QAAQ,CACRC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC,CACdC,OAAO,EAAE,EACV,IAAI,CAACL,IAAI,EAErB,CAEA,GAAWA,KAAI,GACX,MAAO,CACHY,eAAe,CAAE,IAAI,CAACtB,KAAK,CAACuB,OAAO,CACnCC,KAAK,CAAE,IAAI,CAACxB,KAAK,CAACwB,KAAK,CACvBC,OAAO,CAAE,KAAK,CACdnB,YAAY,CAAE,MACjB,CACL,CAEA,GAAWK,aAAY,GACnB,sCACQ,IAAI,CAACD,IAAI,GACbY,eAAe,CAAE,IAAI,CAACtB,KAAK,CAAC0B,eAAe,CAC3CF,KAAK,CAAE,IAAI,CAACxB,KAAK,CAAC2B,aAAa,GAEvC,EAEH","names":["AutoCompleteBoxStyle","AtomStyle","StyleBuilder","theme","styleSheet","root","position","minWidth","minHeight","borderRadius","webkitBorderRadius","subclasses","popup","item","selectedItem","itemTemplate","newStyle","absolute","toStyle","opacity","zIndex","webkitAppearance","overflow","width","height","backgroundColor","bgColor","color","padding","selectedBgColor","selectedColor"],"sourceRoot":"","sources":["../../src/auto-complete/AutoCompleteBoxStyle.ts"],"sourcesContent":[null]}
|
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Bind",
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Bind, XNode, AtomControl, AtomItemsControl, AtomTemplateControl, AppComboBoxViewModel, ItemHost;
|
|
5
|
-
_export("default", void 0);
|
|
6
|
-
return {
|
|
7
|
-
setters: [function (_webAtomsCoreDistCoreBind) {
|
|
8
|
-
Bind = _webAtomsCoreDistCoreBind.default;
|
|
9
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
10
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
11
|
-
}, function (_webAtomsCoreDistWebControlsAtomControl) {
|
|
12
|
-
AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
|
|
13
|
-
}, function (_webAtomsCoreDistWebControlsAtomItemsControl) {
|
|
14
|
-
AtomItemsControl = _webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;
|
|
15
|
-
}, function (_webAtomsCoreDistWebControlsAtomTemplateControl) {
|
|
16
|
-
AtomTemplateControl = _webAtomsCoreDistWebControlsAtomTemplateControl.AtomTemplateControl;
|
|
17
|
-
}, function (_AppComboBoxViewModel) {
|
|
18
|
-
AppComboBoxViewModel = _AppComboBoxViewModel.default;
|
|
19
|
-
}],
|
|
20
|
-
execute: function () {
|
|
21
|
-
_export("default", ItemHost = class ItemHost extends AtomControl {
|
|
22
|
-
create() {
|
|
23
|
-
this.viewModel = this.resolve(AppComboBoxViewModel);
|
|
24
|
-
this.render(XNode.create("div", {
|
|
25
|
-
styleClass: Bind.oneTime(x => this.viewModel.comboBox.controlStyle.name),
|
|
26
|
-
styleDisplay: Bind.oneWay(() => this.viewModel.comboBox.items.length ? "" : "none")
|
|
27
|
-
}, XNode.create(AtomItemsControl, {
|
|
28
|
-
items: Bind.oneWay(() => this.viewModel.comboBox.items)
|
|
29
|
-
}, XNode.create(AtomItemsControl.itemTemplate, null, XNode.create(AtomTemplateControl, {
|
|
30
|
-
styleClass: Bind.oneWay(x => ({
|
|
31
|
-
"item": x.data !== this.viewModel.comboBox.selectedItem,
|
|
32
|
-
"selected-item": x.data === this.viewModel.comboBox.selectedItem
|
|
33
|
-
})),
|
|
34
|
-
eventClick: Bind.event(x => this.viewModel.close(x.data)),
|
|
35
|
-
contentTemplate: Bind.oneTime(() => this.viewModel.comboBox.itemTemplate),
|
|
36
|
-
for: "div"
|
|
37
|
-
})))));
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
});
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/controls/AtomItemsControl","@web-atoms/core/dist/web/controls/AtomTemplateControl","./AppComboBoxViewModel"],function(_export,_context){"use strict";var Bind,XNode,AtomControl,AtomItemsControl,AtomTemplateControl,AppComboBoxViewModel,ItemHost;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;},function(_webAtomsCoreDistWebControlsAtomItemsControl){AtomItemsControl=_webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;},function(_webAtomsCoreDistWebControlsAtomTemplateControl){AtomTemplateControl=_webAtomsCoreDistWebControlsAtomTemplateControl.AtomTemplateControl;},function(_AppComboBoxViewModel){AppComboBoxViewModel=_AppComboBoxViewModel.default;}],execute:function(){_export("default",ItemHost=class ItemHost extends AtomControl{create(){this.viewModel=this.resolve(AppComboBoxViewModel);this.render(XNode.create("div",{styleClass:Bind.oneTime(x=>this.viewModel.comboBox.controlStyle.name),styleDisplay:Bind.oneWay(()=>this.viewModel.comboBox.items.length?"":"none")},XNode.create(AtomItemsControl,{items:Bind.oneWay(()=>this.viewModel.comboBox.items)},XNode.create(AtomItemsControl.itemTemplate,null,XNode.create(AtomTemplateControl,{styleClass:Bind.oneWay(x=>({"item":x.data!==this.viewModel.comboBox.selectedItem,"selected-item":x.data===this.viewModel.comboBox.selectedItem})),eventClick:Bind.event(x=>this.viewModel.close(x.data)),contentTemplate:Bind.oneTime(()=>this.viewModel.comboBox.itemTemplate),for:"div"})))));}});}};});
|
|
43
2
|
//# sourceMappingURL=ItemHost.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"wYAOqBA,QAAS,+EAPvBC,IAAI,0EACJC,KAAK,wFACHC,WAAW,yCAAXA,WAAW,0DACXC,gBAAgB,8CAAhBA,gBAAgB,6DAChBC,mBAAmB,iDAAnBA,mBAAmB,mCACrBC,oBAAoB,uEAENN,QAAS,CAAhB,KAAOA,SAAS,QAAQG,YAAW,CAIzCI,MAAM,GAEZ,IAAI,CAACC,SAAS,CAAI,IAAI,CAACC,OAAO,CAACH,oBAAoB,CAAC,CAEpD,IAAI,CAACI,MAAM,CACXR,oBACCS,UAAU,CAAEV,IAAI,CAACW,OAAO,CAAEC,CAAC,EAAK,IAAI,CAACL,SAAS,CAACM,QAAQ,CAACC,YAAY,CAACC,IAAI,CAAC,CAC1EC,YAAY,CAAEhB,IAAI,CAACiB,MAAM,CAAC,IAAM,IAAI,CAACV,SAAS,CAACM,QAAQ,CAACK,KAAK,CAACC,MAAM,CAAG,EAAE,CAAG,MAAM,CAAC,EACnFlB,aAACE,gBAAgB,EAChBe,KAAK,CAAElB,IAAI,CAACiB,MAAM,CAAC,IAAM,IAAI,CAACV,SAAS,CAACM,QAAQ,CAACK,KAAK,CAAC,EACvDjB,aAACE,gBAAgB,CAACiB,YAAY,MAC7BnB,aAACG,mBAAmB,EACnBM,UAAU,CAAEV,IAAI,CAACiB,MAAM,CAAEL,CAAC,GAAM,CAC/B,MAAM,CAAEA,CAAC,CAACS,IAAI,GAAK,IAAI,CAACd,SAAS,CAACM,QAAQ,CAACS,YAAY,CACvD,eAAe,CAAEV,CAAC,CAACS,IAAI,GAAK,IAAI,CAACd,SAAS,CAACM,QAAQ,CAACS,aAC3C,CAAC,CAAC,CACZC,UAAU,CAAEvB,IAAI,CAACwB,KAAK,CAAEZ,CAAC,EAAK,IAAI,CAACL,SAAS,CAACkB,KAAK,CAAEb,CAAC,CAACS,IAAI,CAAE,CAAC,CAC7DK,eAAe,CAAE1B,IAAI,CAACW,OAAO,CAAC,IAAM,IAAI,CAACJ,SAAS,CAACM,QAAQ,CAACO,YAAY,CAAC,CACzEO,GAAG,CAAC,KAAK,EACY,CACS,CACd,CACd,CACL,CACF,EACA","names":["ItemHost","Bind","XNode","AtomControl","AtomItemsControl","AtomTemplateControl","AppComboBoxViewModel","create","viewModel","resolve","render","styleClass","oneTime","x","comboBox","controlStyle","name","styleDisplay","oneWay","items","length","itemTemplate","data","selectedItem","eventClick","event","close","contentTemplate","for"],"sourceRoot":"","sources":["../../src/auto-complete/ItemHost.tsx"],"sourcesContent":[null]}
|
package/dist/basic/AtomChips.js
CHANGED
|
@@ -1,377 +1,2 @@
|
|
|
1
|
-
System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater", "./Chip", "./InlinePopup"], function (_export, _context) {
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var Bind, BindableProperty, Colors, CancelToken, XNode, StyleRule, CSS, AtomRepeater, MatchTrue, InlinePopup, AtomChips, __decorate, __metadata, __awaiter;
|
|
5
|
-
function getChips(target) {
|
|
6
|
-
let start = target;
|
|
7
|
-
while (start) {
|
|
8
|
-
const chips = start.atomControl;
|
|
9
|
-
if (chips && chips instanceof AtomChips) {
|
|
10
|
-
return chips;
|
|
11
|
-
}
|
|
12
|
-
start = start.parentElement;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
function askSuggestionPopup(host, opener, itemRenderer, suggestionFilter, cancelToken) {
|
|
16
|
-
class Suggestions extends InlinePopup {
|
|
17
|
-
create() {
|
|
18
|
-
this.opener = opener;
|
|
19
|
-
this.render(XNode.create("div", {
|
|
20
|
-
"data-suggestion-popup": "suggestion-popup"
|
|
21
|
-
}, XNode.create("div", {
|
|
22
|
-
class: "items"
|
|
23
|
-
}, XNode.create(AtomRepeater, {
|
|
24
|
-
class: "presenter",
|
|
25
|
-
selectedItem: Bind.oneWay(() => this.opener.anchorItem),
|
|
26
|
-
itemRenderer: itemRenderer,
|
|
27
|
-
eventDeleteSuggestion: e => opener.element.dispatchEvent(e),
|
|
28
|
-
visibilityFilter: suggestionFilter !== null && suggestionFilter !== void 0 ? suggestionFilter : MatchTrue,
|
|
29
|
-
"event-item-click": e => {
|
|
30
|
-
e.preventDefault();
|
|
31
|
-
e.stopImmediatePropagation();
|
|
32
|
-
e.stopPropagation();
|
|
33
|
-
this.close(e.detail);
|
|
34
|
-
},
|
|
35
|
-
items: Bind.oneWay(() => this.opener.suggestions)
|
|
36
|
-
}))));
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return Suggestions.showControl(host, {
|
|
40
|
-
cancelToken,
|
|
41
|
-
alignment: "auto"
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
function Suggestion({
|
|
45
|
-
icon,
|
|
46
|
-
label,
|
|
47
|
-
header,
|
|
48
|
-
deleteIcon
|
|
49
|
-
}, ...nodes) {
|
|
50
|
-
return XNode.create("div", {
|
|
51
|
-
"data-item-suggestion": "suggestion"
|
|
52
|
-
}, icon && XNode.create("i", {
|
|
53
|
-
class: "icon " + icon
|
|
54
|
-
}), header && XNode.create("label", {
|
|
55
|
-
class: "header",
|
|
56
|
-
text: header
|
|
57
|
-
}), label && XNode.create("label", {
|
|
58
|
-
class: "label",
|
|
59
|
-
text: label
|
|
60
|
-
}), ...nodes, deleteIcon && XNode.create("i", {
|
|
61
|
-
class: "delete " + deleteIcon,
|
|
62
|
-
"data-click-event": "remove-suggestion"
|
|
63
|
-
}));
|
|
64
|
-
}
|
|
65
|
-
_export({
|
|
66
|
-
Suggestion: Suggestion,
|
|
67
|
-
default: void 0
|
|
68
|
-
});
|
|
69
|
-
return {
|
|
70
|
-
setters: [function (_webAtomsCoreDistCoreBind) {
|
|
71
|
-
Bind = _webAtomsCoreDistCoreBind.default;
|
|
72
|
-
}, function (_webAtomsCoreDistCoreBindableProperty) {
|
|
73
|
-
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
74
|
-
}, function (_webAtomsCoreDistCoreColors) {
|
|
75
|
-
Colors = _webAtomsCoreDistCoreColors.default;
|
|
76
|
-
}, function (_webAtomsCoreDistCoreTypes) {
|
|
77
|
-
CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
|
|
78
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
79
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
80
|
-
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
81
|
-
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
82
|
-
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
83
|
-
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
84
|
-
}, function (_AtomRepeater) {
|
|
85
|
-
AtomRepeater = _AtomRepeater.default;
|
|
86
|
-
MatchTrue = _AtomRepeater.MatchTrue;
|
|
87
|
-
}, function (_Chip) {
|
|
88
|
-
_export("Chip", _Chip.default);
|
|
89
|
-
}, function (_InlinePopup) {
|
|
90
|
-
InlinePopup = _InlinePopup.default;
|
|
91
|
-
}],
|
|
92
|
-
execute: function () {
|
|
93
|
-
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
94
|
-
var c = arguments.length,
|
|
95
|
-
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
96
|
-
d;
|
|
97
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
98
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
99
|
-
};
|
|
100
|
-
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
101
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
102
|
-
};
|
|
103
|
-
__awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
|
|
104
|
-
function adopt(value) {
|
|
105
|
-
return value instanceof P ? value : new P(function (resolve) {
|
|
106
|
-
resolve(value);
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
110
|
-
function fulfilled(value) {
|
|
111
|
-
try {
|
|
112
|
-
step(generator.next(value));
|
|
113
|
-
} catch (e) {
|
|
114
|
-
reject(e);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
function rejected(value) {
|
|
118
|
-
try {
|
|
119
|
-
step(generator["throw"](value));
|
|
120
|
-
} catch (e) {
|
|
121
|
-
reject(e);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
function step(result) {
|
|
125
|
-
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
126
|
-
}
|
|
127
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
128
|
-
});
|
|
129
|
-
};
|
|
130
|
-
CSS(StyleRule().flexLayout({
|
|
131
|
-
justifyContent: "stretch"
|
|
132
|
-
}).flexFlow("wrap").child(StyleRule(".search").border("none").outline("none").flex("1 1")).child(StyleRule(".footer").marginLeft("auto")).child(StyleRule(".presenter").flexLayout({
|
|
133
|
-
inline: true,
|
|
134
|
-
justifyContent: "flex-start"
|
|
135
|
-
}).flexFlow("wrap").child(StyleRule("*").backgroundColor(Colors.lightGray.withAlphaPercent(0.3)))).and(StyleRule("[data-mode=search]").child(StyleRule(".search").paddingLeft(20).background(`transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1px center`))), "div[data-atom-chips]");
|
|
136
|
-
document.body.addEventListener("focusin", e => {
|
|
137
|
-
const chips = getChips(e.target);
|
|
138
|
-
chips === null || chips === void 0 ? void 0 : chips.setFocus(true);
|
|
139
|
-
});
|
|
140
|
-
document.body.addEventListener("focusout", e => {
|
|
141
|
-
const chips = getChips(e.target);
|
|
142
|
-
chips === null || chips === void 0 ? void 0 : chips.setFocus(false);
|
|
143
|
-
});
|
|
144
|
-
document.body.addEventListener("keydown", e => {
|
|
145
|
-
const chips = getChips(e.target);
|
|
146
|
-
chips === null || chips === void 0 ? void 0 : chips.onKey(e);
|
|
147
|
-
});
|
|
148
|
-
CSS(StyleRule().padding(1).paddingLeft(5).paddingRight(5).borderRadius(10).display("grid").alignItems("center").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-content]").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".icon").gridColumnStart("1").gridRowStart("1").gridRowEnd("span 2").alignSelf("center")).child(StyleRule(".delete").gridColumnStart("3").gridRowStart("1").gridRowEnd("span 2").alignSelf("center").color(Colors.red)).child(StyleRule(".header").fontSize("x-small").gridRowStart("1").gridColumnStart("2")).child(StyleRule(".label").gridRowStart("2").gridColumnStart("2")), "*[data-item-suggestion]");
|
|
149
|
-
_export("default", AtomChips = class AtomChips extends AtomRepeater {
|
|
150
|
-
onPropertyChanged(name) {
|
|
151
|
-
var _a;
|
|
152
|
-
super.onPropertyChanged(name);
|
|
153
|
-
switch (name) {
|
|
154
|
-
case "labelPath":
|
|
155
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
156
|
-
text: this.labelPath(item)
|
|
157
|
-
});
|
|
158
|
-
break;
|
|
159
|
-
case "prompt":
|
|
160
|
-
this.updateClasses();
|
|
161
|
-
break;
|
|
162
|
-
case "focused":
|
|
163
|
-
this.updatePopup();
|
|
164
|
-
break;
|
|
165
|
-
case "suggestions":
|
|
166
|
-
(_a = this.suggestionsWatcher) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
167
|
-
this.suggestionsWatcher = undefined;
|
|
168
|
-
const suggestions = this.suggestions;
|
|
169
|
-
if (suggestions) {
|
|
170
|
-
this.suggestionsWatcher = this.registerDisposable(suggestions.watch(() => {
|
|
171
|
-
this.updatePopup();
|
|
172
|
-
}));
|
|
173
|
-
}
|
|
174
|
-
this.updatePopup();
|
|
175
|
-
break;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
preCreate() {
|
|
179
|
-
super.preCreate();
|
|
180
|
-
this.preventDuplicates = true;
|
|
181
|
-
this.softDeleteProperty = null;
|
|
182
|
-
this.prompt = "Search";
|
|
183
|
-
this.element.dataset.atomChips = "atom-chips";
|
|
184
|
-
this.element.dataset.mode = "search";
|
|
185
|
-
this.suggestionFilter = MatchTrue;
|
|
186
|
-
this.valuePath = item => {
|
|
187
|
-
var _a;
|
|
188
|
-
return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
|
|
189
|
-
};
|
|
190
|
-
this.labelPath = item => {
|
|
191
|
-
var _a;
|
|
192
|
-
return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
|
|
193
|
-
};
|
|
194
|
-
this.itemRenderer = item => XNode.create("div", {
|
|
195
|
-
text: this.labelPath(item)
|
|
196
|
-
});
|
|
197
|
-
this.element.dataset.dropDown = "drop-down";
|
|
198
|
-
this.render(XNode.create("div", null, XNode.create("div", {
|
|
199
|
-
class: "presenter"
|
|
200
|
-
}), XNode.create("input", {
|
|
201
|
-
class: "search",
|
|
202
|
-
placeholder: Bind.oneWay(() => this.prompt),
|
|
203
|
-
value: Bind.twoWaysImmediate(() => this.search),
|
|
204
|
-
type: "search"
|
|
205
|
-
}), XNode.create("div", {
|
|
206
|
-
class: "footer"
|
|
207
|
-
})));
|
|
208
|
-
this.itemsPresenter = this.element.children[0];
|
|
209
|
-
this.searchInput = this.element.children[1];
|
|
210
|
-
this.footerPresenter = this.element.children[2];
|
|
211
|
-
this.bindEvent(this.element, "removeChip", e => e.defaultPrevented || this.removeItem(e.detail));
|
|
212
|
-
this.bindEvent(this.element, "undoRemoveChip", e => e.defaultPrevented || this.undoRemoveItem(e.detail));
|
|
213
|
-
}
|
|
214
|
-
setFocus(hasFocus) {
|
|
215
|
-
if (hasFocus) {
|
|
216
|
-
this.focused = true;
|
|
217
|
-
return;
|
|
218
|
-
}
|
|
219
|
-
setTimeout(() => {
|
|
220
|
-
this.focused = false;
|
|
221
|
-
}, 250);
|
|
222
|
-
}
|
|
223
|
-
updatePopup() {
|
|
224
|
-
var _a, _b, _c;
|
|
225
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
226
|
-
const suggestions = this.suggestions;
|
|
227
|
-
if (!this.focused) {
|
|
228
|
-
(_a = this.popupCancelToken) === null || _a === void 0 ? void 0 : _a.cancel();
|
|
229
|
-
this.popupCancelToken = null;
|
|
230
|
-
return;
|
|
231
|
-
}
|
|
232
|
-
if (this.popupCancelToken) {
|
|
233
|
-
return;
|
|
234
|
-
}
|
|
235
|
-
const detail = this.suggestions;
|
|
236
|
-
const ce = new CustomEvent("suggestions-requested", {
|
|
237
|
-
detail
|
|
238
|
-
});
|
|
239
|
-
this.element.dispatchEvent(ce);
|
|
240
|
-
if (ce.defaultPrevented) {
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
const {
|
|
244
|
-
promise
|
|
245
|
-
} = ce;
|
|
246
|
-
if (promise) {
|
|
247
|
-
yield promise;
|
|
248
|
-
}
|
|
249
|
-
if (ce.detail !== this.suggestions) {
|
|
250
|
-
this.suggestions = ce.detail;
|
|
251
|
-
}
|
|
252
|
-
if (!suggestions || !suggestions.length) {
|
|
253
|
-
(_b = this.popupCancelToken) === null || _b === void 0 ? void 0 : _b.cancel();
|
|
254
|
-
this.popupCancelToken = null;
|
|
255
|
-
return;
|
|
256
|
-
}
|
|
257
|
-
const cancelToken = this.popupCancelToken = new CancelToken();
|
|
258
|
-
try {
|
|
259
|
-
let selectedItem = yield askSuggestionPopup(this.element, this, (_c = this.suggestionRenderer) !== null && _c !== void 0 ? _c : this.itemRenderer, this.suggestionFilter, cancelToken);
|
|
260
|
-
const itemToChip = this.itemToChip;
|
|
261
|
-
if (itemToChip) {
|
|
262
|
-
selectedItem = itemToChip(selectedItem, this.search);
|
|
263
|
-
}
|
|
264
|
-
this.addItem(selectedItem);
|
|
265
|
-
this.search = "";
|
|
266
|
-
this.popupCancelToken = null;
|
|
267
|
-
} catch (e) {
|
|
268
|
-
this.popupCancelToken = null;
|
|
269
|
-
if (CancelToken.isCancelled(e)) {
|
|
270
|
-
return;
|
|
271
|
-
}
|
|
272
|
-
console.warn(e);
|
|
273
|
-
}
|
|
274
|
-
});
|
|
275
|
-
}
|
|
276
|
-
addItem(selectedItem) {
|
|
277
|
-
var _a;
|
|
278
|
-
const ce = new CustomEvent("suggestionChosen", {
|
|
279
|
-
detail: selectedItem,
|
|
280
|
-
cancelable: true,
|
|
281
|
-
bubbles: true
|
|
282
|
-
});
|
|
283
|
-
this.element.dispatchEvent(ce);
|
|
284
|
-
if (!ce.defaultPrevented) {
|
|
285
|
-
const item = ce.detail;
|
|
286
|
-
const vp = (_a = this.valuePath) !== null && _a !== void 0 ? _a : x => x;
|
|
287
|
-
const v = vp(item);
|
|
288
|
-
for (const iterator of this.items) {
|
|
289
|
-
if (v === vp(iterator)) {
|
|
290
|
-
return;
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
this.items.add(ce.detail);
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
undoRemoveItem(item) {
|
|
297
|
-
let {
|
|
298
|
-
softDeleteProperty
|
|
299
|
-
} = this;
|
|
300
|
-
softDeleteProperty = typeof softDeleteProperty !== "string" ? "$deleted" : softDeleteProperty;
|
|
301
|
-
item[softDeleteProperty] = false;
|
|
302
|
-
this.refreshItem(item);
|
|
303
|
-
}
|
|
304
|
-
removeItem(item) {
|
|
305
|
-
let {
|
|
306
|
-
softDeleteProperty
|
|
307
|
-
} = this;
|
|
308
|
-
if (softDeleteProperty) {
|
|
309
|
-
softDeleteProperty = typeof softDeleteProperty !== "string" ? "$deleted" : softDeleteProperty;
|
|
310
|
-
item[softDeleteProperty] = true;
|
|
311
|
-
this.refreshItem(item);
|
|
312
|
-
} else {
|
|
313
|
-
this.items.remove(item);
|
|
314
|
-
}
|
|
315
|
-
}
|
|
316
|
-
onKey(e) {
|
|
317
|
-
var _a, _b;
|
|
318
|
-
const suggested = this.suggestions;
|
|
319
|
-
switch (e.key) {
|
|
320
|
-
case "Enter":
|
|
321
|
-
(_a = e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
322
|
-
(_b = e.stopImmediatePropagation) === null || _b === void 0 ? void 0 : _b.call(e);
|
|
323
|
-
setTimeout(() => {
|
|
324
|
-
let anchorItem = this.anchorItem;
|
|
325
|
-
const itemToChip = this.itemToChip;
|
|
326
|
-
if (itemToChip) {
|
|
327
|
-
anchorItem = itemToChip(anchorItem, this.search);
|
|
328
|
-
}
|
|
329
|
-
if (!anchorItem) {
|
|
330
|
-
return;
|
|
331
|
-
}
|
|
332
|
-
this.addItem(anchorItem);
|
|
333
|
-
this.anchorIndex = 0;
|
|
334
|
-
this.anchorItem = null;
|
|
335
|
-
this.search = "";
|
|
336
|
-
}, 1);
|
|
337
|
-
break;
|
|
338
|
-
case "ArrowDown":
|
|
339
|
-
if (suggested) {
|
|
340
|
-
if (!this.anchorItem) {
|
|
341
|
-
this.anchorIndex = 0;
|
|
342
|
-
} else {
|
|
343
|
-
if (this.anchorIndex < suggested.length - 1) {
|
|
344
|
-
this.anchorIndex++;
|
|
345
|
-
}
|
|
346
|
-
}
|
|
347
|
-
this.anchorItem = suggested[this.anchorIndex];
|
|
348
|
-
}
|
|
349
|
-
break;
|
|
350
|
-
case "ArrowUp":
|
|
351
|
-
if (suggested) {
|
|
352
|
-
if (!this.anchorItem) {
|
|
353
|
-
return;
|
|
354
|
-
}
|
|
355
|
-
if (this.anchorIndex) {
|
|
356
|
-
this.anchorIndex--;
|
|
357
|
-
}
|
|
358
|
-
this.anchorItem = suggested[this.anchorIndex];
|
|
359
|
-
}
|
|
360
|
-
break;
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
__decorate([BindableProperty, __metadata("design:type", Array)], AtomChips.prototype, "suggestions", void 0);
|
|
365
|
-
__decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "search", void 0);
|
|
366
|
-
__decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "prompt", void 0);
|
|
367
|
-
__decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "suggestionPrompt", void 0);
|
|
368
|
-
__decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "softDeleteProperty", void 0);
|
|
369
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "labelPath", void 0);
|
|
370
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "match", void 0);
|
|
371
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "suggestionRenderer", void 0);
|
|
372
|
-
__decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "suggestionFilter", void 0);
|
|
373
|
-
__decorate([BindableProperty, __metadata("design:type", Boolean)], AtomChips.prototype, "focused", void 0);
|
|
374
|
-
}
|
|
375
|
-
};
|
|
376
|
-
});
|
|
1
|
+
System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/types","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS","./AtomRepeater","./Chip","./InlinePopup"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,Bind,BindableProperty,Colors,CancelToken,XNode,StyleRule,CSS,AtomRepeater,MatchTrue,InlinePopup,AtomChips;function getChips(target){let start=target;while(start){const chips=start.atomControl;if(chips&&chips instanceof AtomChips){return chips;}start=start.parentElement;}}function askSuggestionPopup(host,opener,itemRenderer,suggestionFilter,cancelToken){class Suggestions extends InlinePopup{create(){this.opener=opener;this.render(XNode.create("div",{"data-suggestion-popup":"suggestion-popup"},XNode.create("div",{class:"items"},XNode.create(AtomRepeater,{class:"presenter",selectedItem:Bind.oneWay(()=>this.opener.anchorItem),itemRenderer:itemRenderer,eventDeleteSuggestion:e=>opener.element.dispatchEvent(e),visibilityFilter:suggestionFilter!==null&&suggestionFilter!==void 0?suggestionFilter:MatchTrue,"event-item-click":e=>{e.preventDefault();e.stopImmediatePropagation();e.stopPropagation();this.close(e.detail);},items:Bind.oneWay(()=>this.opener.suggestions)}))));}}return Suggestions.showControl(host,{cancelToken,alignment:"auto"});}function Suggestion({icon,label,header,deleteIcon},...nodes){return XNode.create("div",{"data-item-suggestion":"suggestion"},icon&&XNode.create("i",{class:"icon "+icon}),header&&XNode.create("label",{class:"header",text:header}),label&&XNode.create("label",{class:"label",text:label}),...nodes,deleteIcon&&XNode.create("i",{class:"delete "+deleteIcon,"data-click-event":"remove-suggestion"}));}_export({Suggestion:Suggestion,default:void 0});return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreTypes){CancelToken=_webAtomsCoreDistCoreTypes.CancelToken;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;MatchTrue=_AtomRepeater.MatchTrue;},function(_Chip){_export("Chip",_Chip.default);},function(_InlinePopup){InlinePopup=_InlinePopup.default;}],execute:function(){CSS(StyleRule().flexLayout({justifyContent:"stretch"}).flexFlow("wrap").child(StyleRule(".search").border("none").outline("none").flex("1 1")).child(StyleRule(".footer").marginLeft("auto")).child(StyleRule(".presenter").flexLayout({inline:true,justifyContent:"flex-start"}).flexFlow("wrap").child(StyleRule("*").backgroundColor(Colors.lightGray.withAlphaPercent(0.3)))).and(StyleRule("[data-mode=search]").child(StyleRule(".search").paddingLeft(20).background(`transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1px center`))),"div[data-atom-chips]");document.body.addEventListener("focusin",e=>{const chips=getChips(e.target);chips===null||chips===void 0?void 0:chips.setFocus(true);});document.body.addEventListener("focusout",e=>{const chips=getChips(e.target);chips===null||chips===void 0?void 0:chips.setFocus(false);});document.body.addEventListener("keydown",e=>{const chips=getChips(e.target);chips===null||chips===void 0?void 0:chips.onKey(e);});CSS(StyleRule().padding(1).paddingLeft(5).paddingRight(5).borderRadius(10).display("grid").alignItems("center").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-content]").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".icon").gridColumnStart("1").gridRowStart("1").gridRowEnd("span 2").alignSelf("center")).child(StyleRule(".delete").gridColumnStart("3").gridRowStart("1").gridRowEnd("span 2").alignSelf("center").color(Colors.red)).child(StyleRule(".header").fontSize("x-small").gridRowStart("1").gridColumnStart("2")).child(StyleRule(".label").gridRowStart("2").gridColumnStart("2")),"*[data-item-suggestion]");_export("default",AtomChips=class AtomChips extends AtomRepeater{onPropertyChanged(name){var _a;super.onPropertyChanged(name);switch(name){case"labelPath":this.itemRenderer=item=>XNode.create("div",{text:this.labelPath(item)});break;case"prompt":this.updateClasses();break;case"focused":this.updatePopup();break;case"suggestions":(_a=this.suggestionsWatcher)===null||_a===void 0?void 0:_a.dispose();this.suggestionsWatcher=undefined;const suggestions=this.suggestions;if(suggestions){this.suggestionsWatcher=this.registerDisposable(suggestions.watch(()=>{this.updatePopup();}));}this.updatePopup();break;}}preCreate(){super.preCreate();this.preventDuplicates=true;this.softDeleteProperty=null;this.prompt="Search";this.element.dataset.atomChips="atom-chips";this.element.dataset.mode="search";this.suggestionFilter=MatchTrue;this.valuePath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.value)!==null&&_a!==void 0?_a:item;};this.labelPath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.label)!==null&&_a!==void 0?_a:item;};this.itemRenderer=item=>XNode.create("div",{text:this.labelPath(item)});this.element.dataset.dropDown="drop-down";this.render(XNode.create("div",null,XNode.create("div",{class:"presenter"}),XNode.create("input",{class:"search",placeholder:Bind.oneWay(()=>this.prompt),value:Bind.twoWaysImmediate(()=>this.search),type:"search"}),XNode.create("div",{class:"footer"})));this.itemsPresenter=this.element.children[0];this.searchInput=this.element.children[1];this.footerPresenter=this.element.children[2];this.bindEvent(this.element,"removeChip",e=>e.defaultPrevented||this.removeItem(e.detail));this.bindEvent(this.element,"undoRemoveChip",e=>e.defaultPrevented||this.undoRemoveItem(e.detail));}setFocus(hasFocus){if(hasFocus){this.focused=true;return;}setTimeout(()=>{this.focused=false;},250);}updatePopup(){var _a,_b,_c;return __awaiter(this,void 0,void 0,function*(){const suggestions=this.suggestions;if(!this.focused){(_a=this.popupCancelToken)===null||_a===void 0?void 0:_a.cancel();this.popupCancelToken=null;return;}if(this.popupCancelToken){return;}const detail=this.suggestions;const ce=new CustomEvent("suggestions-requested",{detail});this.element.dispatchEvent(ce);if(ce.defaultPrevented){return;}const{promise}=ce;if(promise){yield promise;}if(ce.detail!==this.suggestions){this.suggestions=ce.detail;}if(!suggestions||!suggestions.length){(_b=this.popupCancelToken)===null||_b===void 0?void 0:_b.cancel();this.popupCancelToken=null;return;}const cancelToken=this.popupCancelToken=new CancelToken();try{let selectedItem=yield askSuggestionPopup(this.element,this,(_c=this.suggestionRenderer)!==null&&_c!==void 0?_c:this.itemRenderer,this.suggestionFilter,cancelToken);const itemToChip=this.itemToChip;if(itemToChip){selectedItem=itemToChip(selectedItem,this.search);}this.addItem(selectedItem);this.search="";this.popupCancelToken=null;}catch(e){this.popupCancelToken=null;if(CancelToken.isCancelled(e)){return;}console.warn(e);}});}addItem(selectedItem){var _a;const ce=new CustomEvent("suggestionChosen",{detail:selectedItem,cancelable:true,bubbles:true});this.element.dispatchEvent(ce);if(!ce.defaultPrevented){const item=ce.detail;const vp=(_a=this.valuePath)!==null&&_a!==void 0?_a:x=>x;const v=vp(item);for(const iterator of this.items){if(v===vp(iterator)){return;}}this.items.add(ce.detail);}}undoRemoveItem(item){let{softDeleteProperty}=this;softDeleteProperty=typeof softDeleteProperty!=="string"?"$deleted":softDeleteProperty;item[softDeleteProperty]=false;this.refreshItem(item);}removeItem(item){let{softDeleteProperty}=this;if(softDeleteProperty){softDeleteProperty=typeof softDeleteProperty!=="string"?"$deleted":softDeleteProperty;item[softDeleteProperty]=true;this.refreshItem(item);}else{this.items.remove(item);}}onKey(e){var _a,_b;const suggested=this.suggestions;switch(e.key){case"Enter":(_a=e.preventDefault)===null||_a===void 0?void 0:_a.call(e);(_b=e.stopImmediatePropagation)===null||_b===void 0?void 0:_b.call(e);setTimeout(()=>{let anchorItem=this.anchorItem;const itemToChip=this.itemToChip;if(itemToChip){anchorItem=itemToChip(anchorItem,this.search);}if(!anchorItem){return;}this.addItem(anchorItem);this.anchorIndex=0;this.anchorItem=null;this.search="";},1);break;case"ArrowDown":if(suggested){if(!this.anchorItem){this.anchorIndex=0;}else{if(this.anchorIndex<suggested.length-1){this.anchorIndex++;}}this.anchorItem=suggested[this.anchorIndex];}break;case"ArrowUp":if(suggested){if(!this.anchorItem){return;}if(this.anchorIndex){this.anchorIndex--;}this.anchorItem=suggested[this.anchorIndex];}break;}}});__decorate([BindableProperty,__metadata("design:type",Array)],AtomChips.prototype,"suggestions",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomChips.prototype,"search",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomChips.prototype,"prompt",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomChips.prototype,"suggestionPrompt",void 0);__decorate([BindableProperty,__metadata("design:type",String)],AtomChips.prototype,"softDeleteProperty",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],AtomChips.prototype,"labelPath",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],AtomChips.prototype,"match",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],AtomChips.prototype,"suggestionRenderer",void 0);__decorate([BindableProperty,__metadata("design:type",Function)],AtomChips.prototype,"suggestionFilter",void 0);__decorate([BindableProperty,__metadata("design:type",Boolean)],AtomChips.prototype,"focused",void 0);}};});
|
|
377
2
|
//# sourceMappingURL=AtomChips.js.map
|