@nextcloud/vue 5.3.1 → 5.4.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/CHANGELOG.md +25 -0
- package/dist/Components/ActionButton.js +1 -1
- package/dist/Components/ActionButton.js.LICENSE.txt +0 -22
- package/dist/Components/ActionButton.js.map +1 -1
- package/dist/Components/ActionCaption.js +1 -1
- package/dist/Components/ActionCaption.js.map +1 -1
- package/dist/Components/ActionCheckbox.js +1 -1
- package/dist/Components/ActionCheckbox.js.map +1 -1
- package/dist/Components/ActionInput.js +1 -1
- package/dist/Components/ActionInput.js.LICENSE.txt +0 -22
- package/dist/Components/ActionInput.js.map +1 -1
- package/dist/Components/ActionLink.js +1 -1
- package/dist/Components/ActionLink.js.LICENSE.txt +0 -22
- package/dist/Components/ActionLink.js.map +1 -1
- package/dist/Components/ActionRadio.js +1 -1
- package/dist/Components/ActionRadio.js.map +1 -1
- package/dist/Components/ActionRouter.js +1 -1
- package/dist/Components/ActionRouter.js.map +1 -1
- package/dist/Components/ActionSeparator.js +1 -1
- package/dist/Components/ActionSeparator.js.map +1 -1
- package/dist/Components/ActionText.js +1 -1
- package/dist/Components/ActionText.js.map +1 -1
- package/dist/Components/ActionTextEditable.js +1 -1
- package/dist/Components/ActionTextEditable.js.LICENSE.txt +0 -22
- package/dist/Components/ActionTextEditable.js.map +1 -1
- package/dist/Components/Actions.js +1 -1
- package/dist/Components/Actions.js.LICENSE.txt +0 -44
- package/dist/Components/Actions.js.map +1 -1
- package/dist/Components/AppContent.js +1 -1
- package/dist/Components/AppContent.js.map +1 -1
- package/dist/Components/AppContentDetails.js.map +1 -1
- package/dist/Components/AppContentList.js.map +1 -1
- package/dist/Components/AppNavigation.js +1 -1
- package/dist/Components/AppNavigation.js.LICENSE.txt +0 -88
- package/dist/Components/AppNavigation.js.map +1 -1
- package/dist/Components/AppNavigationCaption.js +1 -1
- package/dist/Components/AppNavigationCaption.js.LICENSE.txt +0 -22
- package/dist/Components/AppNavigationCaption.js.map +1 -1
- package/dist/Components/AppNavigationCounter.js +1 -1
- package/dist/Components/AppNavigationCounter.js.map +1 -1
- package/dist/Components/AppNavigationIconBullet.js +1 -1
- package/dist/Components/AppNavigationIconBullet.js.map +1 -1
- package/dist/Components/AppNavigationItem.js +1 -1
- package/dist/Components/AppNavigationItem.js.LICENSE.txt +0 -44
- package/dist/Components/AppNavigationItem.js.map +1 -1
- package/dist/Components/AppNavigationNew.js +1 -1
- package/dist/Components/AppNavigationNew.js.map +1 -1
- package/dist/Components/AppNavigationNewItem.js +1 -1
- package/dist/Components/AppNavigationNewItem.js.map +1 -1
- package/dist/Components/AppNavigationSettings.js +1 -1
- package/dist/Components/AppNavigationSettings.js.map +1 -1
- package/dist/Components/AppNavigationSpacer.js +1 -1
- package/dist/Components/AppNavigationSpacer.js.map +1 -1
- package/dist/Components/AppNavigationToggle.js +1 -1
- package/dist/Components/AppNavigationToggle.js.LICENSE.txt +0 -22
- package/dist/Components/AppNavigationToggle.js.map +1 -1
- package/dist/Components/AppSettingsDialog.js +1 -1
- package/dist/Components/AppSettingsDialog.js.LICENSE.txt +0 -44
- package/dist/Components/AppSettingsDialog.js.map +1 -1
- package/dist/Components/AppSettingsSection.js +1 -1
- package/dist/Components/AppSettingsSection.js.map +1 -1
- package/dist/Components/AppSidebar.js +1 -1
- package/dist/Components/AppSidebar.js.LICENSE.txt +0 -44
- package/dist/Components/AppSidebar.js.map +1 -1
- package/dist/Components/AppSidebarTab.js +1 -1
- package/dist/Components/AppSidebarTab.js.map +1 -1
- package/dist/Components/Avatar.js +1 -1
- package/dist/Components/Avatar.js.map +1 -1
- package/dist/Components/Breadcrumb.js +1 -1
- package/dist/Components/Breadcrumb.js.LICENSE.txt +0 -44
- package/dist/Components/Breadcrumb.js.map +1 -1
- package/dist/Components/Breadcrumbs.js +1 -1
- package/dist/Components/Breadcrumbs.js.LICENSE.txt +0 -66
- package/dist/Components/Breadcrumbs.js.map +1 -1
- package/dist/Components/Button.js +1 -1
- package/dist/Components/Button.js.map +1 -1
- package/dist/Components/CheckboxRadioSwitch.js +1 -1
- package/dist/Components/CheckboxRadioSwitch.js.map +1 -1
- package/dist/Components/ColorPicker.js +1 -1
- package/dist/Components/ColorPicker.js.LICENSE.txt +0 -22
- package/dist/Components/ColorPicker.js.map +1 -1
- package/dist/Components/Content.js +1 -1
- package/dist/Components/Content.js.map +1 -1
- package/dist/Components/CounterBubble.js +1 -1
- package/dist/Components/CounterBubble.js.map +1 -1
- package/dist/Components/DashboardWidget.js +3 -0
- package/dist/Components/DashboardWidget.js.LICENSE.txt +110 -0
- package/dist/Components/DashboardWidget.js.map +1 -0
- package/dist/Components/DashboardWidgetItem.js +3 -0
- package/dist/Components/DashboardWidgetItem.js.LICENSE.txt +110 -0
- package/dist/Components/DashboardWidgetItem.js.map +1 -0
- package/dist/Components/DatetimePicker.js +1 -1
- package/dist/Components/DatetimePicker.js.LICENSE.txt +0 -22
- package/dist/Components/DatetimePicker.js.map +1 -1
- package/dist/Components/EmojiPicker.js +1 -2
- package/dist/Components/EmojiPicker.js.map +1 -1
- package/dist/Components/EmptyContent.js +1 -2
- package/dist/Components/EmptyContent.js.map +1 -1
- package/dist/Components/Highlight.js.map +1 -1
- package/dist/Components/InputField.js +2 -0
- package/dist/Components/InputField.js.map +1 -0
- package/dist/Components/ListItem.js +1 -1
- package/dist/Components/ListItem.js.LICENSE.txt +0 -44
- package/dist/Components/ListItem.js.map +1 -1
- package/dist/Components/ListItemIcon.js +1 -1
- package/dist/Components/ListItemIcon.js.map +1 -1
- package/dist/Components/Modal.js +1 -1
- package/dist/Components/Modal.js.LICENSE.txt +0 -44
- package/dist/Components/Modal.js.map +1 -1
- package/dist/Components/Multiselect.js +1 -1
- package/dist/Components/Multiselect.js.map +1 -1
- package/dist/Components/MultiselectTags.js +1 -1
- package/dist/Components/MultiselectTags.js.map +1 -1
- package/dist/Components/Popover.js +1 -2
- package/dist/Components/Popover.js.map +1 -1
- package/dist/Components/PopoverMenu.js +1 -1
- package/dist/Components/PopoverMenu.js.map +1 -1
- package/dist/Components/ProgressBar.js +1 -1
- package/dist/Components/ProgressBar.js.map +1 -1
- package/dist/Components/RichContenteditable.js +1 -1
- package/dist/Components/RichContenteditable.js.map +1 -1
- package/dist/Components/SettingsInputText.js +1 -1
- package/dist/Components/SettingsInputText.js.map +1 -1
- package/dist/Components/SettingsSection.js +1 -1
- package/dist/Components/SettingsSection.js.map +1 -1
- package/dist/Components/SettingsSelectGroup.js +1 -1
- package/dist/Components/SettingsSelectGroup.js.LICENSE.txt +22 -0
- package/dist/Components/SettingsSelectGroup.js.map +1 -1
- package/dist/Components/TextField.js +3 -0
- package/dist/Components/{EmojiPicker.js.LICENSE.txt → TextField.js.LICENSE.txt} +2 -2
- package/dist/Components/TextField.js.map +1 -0
- package/dist/Components/TimezonePicker.js +1 -1
- package/dist/Components/TimezonePicker.js.map +1 -1
- package/dist/Components/UserBubble.js +1 -1
- package/dist/Components/UserBubble.js.LICENSE.txt +0 -22
- package/dist/Components/UserBubble.js.map +1 -1
- package/dist/Components/VNodes.js +2 -0
- package/dist/Components/VNodes.js.map +1 -0
- package/dist/Directives/Linkify.js.map +1 -1
- package/dist/Directives/Tooltip.js +1 -1
- package/dist/Directives/Tooltip.js.map +1 -1
- package/dist/Functions/usernameToColor.js +1 -1
- package/dist/Functions/usernameToColor.js.map +1 -1
- package/dist/Mixins/isMobile.js.map +1 -1
- package/dist/Mixins/richEditor.js +1 -1
- package/dist/Mixins/richEditor.js.map +1 -1
- package/dist/ncvuecomponents.js +1 -1
- package/dist/ncvuecomponents.js.LICENSE.txt +0 -66
- package/dist/ncvuecomponents.js.map +1 -1
- package/package.json +9 -10
- package/dist/Components/EmptyContent.js.LICENSE.txt +0 -21
- package/dist/Components/Popover.js.LICENSE.txt +0 -21
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Components/InputField.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,eAAgB,GAAIH,GACD,iBAAZC,QACdA,QAAsB,aAAID,KAE1BD,EAAmB,aAAIA,EAAmB,cAAK,GAAIA,EAAmB,aAAE,yBAA2BC,KARrG,CASGK,MAAM,WACT,O,kNCqNA,IC/N6K,ED+N7K,CACA,cAEA,OAIA,UACA,aACA,YAQA,MACA,YACA,UAFA,SAEA,GACA,+GAEA,qBAQA,YACA,YACA,UAFA,SAEA,GACA,mDAEA,kBAOA,MACA,aACA,YASA,WACA,YACA,eAIA,KA3DA,WA4DA,OAMA,UAKA,oBAIA,UACA,QADA,WACA,UACA,iFACA,kBADA,iBACA,oBADA,aACA,SAGA,QANA,WAOA,iCAGA,SAVA,WAWA,oCAGA,SAdA,WAeA,mCAGA,YAlBA,WAmBA,mCAGA,KAtBA,WAuBA,4DAIA,kBA3BA,WA2BA,MACA,YAEA,sCACA,sCACA,8CAJA,0BAKA,sBALA,IAMA,8BANA,IAOA,kCAPA,IAYA,aAnHA,WAqHA,wBAGA,QAxHA,WA4HA,2BACA,iGACA,eACA,0BAEA,OAIA,SAIA,YAJA,WAKA,gBAOA,YAZA,WAaA,gBAMA,WAnBA,WAoBA,gBAQA,WA5BA,WA6BA,gBAGA,aAhCA,WAiCA,kB,2HE1XIC,EAAU,GAEdA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,YAAiB,WALlD,I,6BCbIM,GAAY,OACd,GCTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAASJ,EAAIM,GAAGN,EAAIO,GAAG,CAACC,YAAY,aAAaC,MAAMT,EAAIU,kBAAkBC,MAAM,CAAC,aAAaX,EAAIY,UAAU,KAAOZ,EAAIa,WAAW,SAAWb,EAAIc,UAAUC,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQlB,EAAImB,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAkB,KAAcrB,EAAIsB,WAAWC,MAAM,KAAMC,YAAY,MAAQ,CAAC,SAASR,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQlB,EAAImB,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAkB,KAAcrB,EAAIyB,aAAaF,MAAM,KAAMC,YAAY,SAASR,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQlB,EAAImB,GAAGH,EAAOI,QAAQ,MAAM,EAAEJ,EAAOK,IAAI,QAA0BL,EAAOU,SAASV,EAAOW,UAAUX,EAAOY,QAAQZ,EAAOa,QAAjE,KAAgG7B,EAAI8B,YAAYP,MAAM,KAAMC,YAAY,SAASR,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQlB,EAAImB,GAAGH,EAAOI,QAAQ,MAAM,EAAEJ,EAAOK,IAAI,OAAgB,KAAWL,EAAOW,SAAgC3B,EAAI8B,YAAYP,MAAM,KAAMC,WAA1C,OAAuD,MAAQxB,EAAI+B,YAAY,KAAO/B,EAAIgC,aAAa,SAAShC,EAAIiC,QAAO,GAAOjC,EAAIkC,YAAY,CAAC9B,EAAG,OAAO,CAACI,YAAY,uBAAuB,CAAER,EAAW,QAAEI,EAAG,OAAO,CAACI,YAAY,oBAAoB,CAACR,EAAImC,GAAG,SAAS,GAAGnC,EAAIoC,KAAKpC,EAAIqC,GAAG,KAAMrC,EAAW,QAAEI,EAAG,OAAO,CAACI,YAAY,oBAAoB,CAACR,EAAImC,GAAG,YAAY,GAAGnC,EAAIoC,WACp0C,IDWpB,EACA,KACA,WACA,MAMoB,mBAAX,KAAuB,IAAOrC,GAEzC,IECA,EFDeA,EAAiB,S,mEGpB5BuC,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAAClD,EAAOmD,GAAI,0wJAA2wJ,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4CAA4C,+CAA+C,yCAAyC,MAAQ,GAAG,SAAW,ssCAAssC,eAAiB,CAAC,kNAAkN,knMAAknM,y0DAAy0D,WAAa,MAE31c,O,mECJIF,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAAClD,EAAOmD,GAAI,2zDAA4zD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,4CAA4C,wDAAwD,MAAQ,GAAG,SAAW,srBAAsrB,eAAiB,CAAC,kNAAkN,64EAA64E,WAAa,MAE9yK,O,8BCCAnD,EAAOD,QAAU,SAAUqD,GACzB,IAAIC,EAAO,GAuDX,OArDAA,EAAKC,SAAW,WACd,OAAO1C,KAAK2C,KAAI,SAAUC,GACxB,IAAIC,EAAUL,EAAuBI,GAErC,OAAIA,EAAK,GACA,UAAUE,OAAOF,EAAK,GAAI,MAAME,OAAOD,EAAS,KAGlDA,KACNE,KAAK,KAKVN,EAAKO,EAAI,SAAUC,EAASC,EAAYC,GACf,iBAAZF,IAETA,EAAU,CAAC,CAAC,KAAMA,EAAS,MAG7B,IAAIG,EAAyB,GAE7B,GAAID,EACF,IAAK,IAAIH,EAAI,EAAGA,EAAIhD,KAAKqD,OAAQL,IAAK,CAEpC,IAAIT,EAAKvC,KAAKgD,GAAG,GAEP,MAANT,IACFa,EAAuBb,IAAM,GAKnC,IAAK,IAAIe,EAAK,EAAGA,EAAKL,EAAQI,OAAQC,IAAM,CAC1C,IAAIV,EAAO,GAAGE,OAAOG,EAAQK,IAEzBH,GAAUC,EAAuBR,EAAK,MAKtCM,IACGN,EAAK,GAGRA,EAAK,GAAK,GAAGE,OAAOI,EAAY,SAASJ,OAAOF,EAAK,IAFrDA,EAAK,GAAKM,GAMdT,EAAKH,KAAKM,MAIPH,I,8BCxDT,SAASc,EAAkBC,EAAKC,IAAkB,MAAPA,GAAeA,EAAMD,EAAIH,UAAQI,EAAMD,EAAIH,QAAQ,IAAK,IAAIL,EAAI,EAAGU,EAAO,IAAIC,MAAMF,GAAMT,EAAIS,EAAKT,IAAOU,EAAKV,GAAKQ,EAAIR,GAAM,OAAOU,EAMhLtE,EAAOD,QAAU,SAAgCyD,GAC/C,IAbsBY,EAAKR,EAavBY,GAbuBZ,EAaM,EAHnC,SAAyBQ,GAAO,GAAIG,MAAME,QAAQL,GAAM,OAAOA,EAVtBM,CAAjBN,EAaKZ,IAL7B,SAA+BY,EAAKR,GAAK,IAAIM,EAAKE,IAA0B,oBAAXO,QAA0BP,EAAIO,OAAOC,WAAaR,EAAI,eAAgB,GAAU,MAANF,EAAJ,CAAwB,IAAkDW,EAAI9B,EAAlD+B,EAAO,GAAQC,GAAK,EAAUC,GAAK,EAAmB,IAAM,IAAKd,EAAKA,EAAGe,KAAKb,KAAQW,GAAMF,EAAKX,EAAGgB,QAAQC,QAAoBL,EAAK5B,KAAK2B,EAAGO,QAAYxB,GAAKkB,EAAKb,SAAWL,GAA3DmB,GAAK,IAAoE,MAAOM,GAAOL,GAAK,EAAMjC,EAAKsC,EAAO,QAAU,IAAWN,GAAsB,MAAhBb,EAAW,QAAWA,EAAW,SAAO,QAAU,GAAIc,EAAI,MAAMjC,GAAQ,OAAO+B,GAR7aQ,CAAsBlB,EAAKR,IAI5F,SAAqC2B,EAAGC,GAAU,GAAKD,EAAL,CAAgB,GAAiB,iBAANA,EAAgB,OAAOpB,EAAkBoB,EAAGC,GAAS,IAAIC,EAAIC,OAAOC,UAAUrC,SAAS2B,KAAKM,GAAGK,MAAM,GAAI,GAAiE,MAAnD,WAANH,GAAkBF,EAAEM,cAAaJ,EAAIF,EAAEM,YAAYC,MAAgB,QAANL,GAAqB,QAANA,EAAoBlB,MAAMwB,KAAKR,GAAc,cAANE,GAAqB,2CAA2CO,KAAKP,GAAWtB,EAAkBoB,EAAGC,QAAzG,GAJ3MS,CAA4B7B,EAAKR,IAEnI,WAA8B,MAAM,IAAIsC,UAAU,6IAFuFC,IAcnI1C,EAAUe,EAAM,GAChB4B,EAAa5B,EAAM,GAEvB,IAAK4B,EACH,OAAO3C,EAGT,GAAoB,mBAAT4C,KAAqB,CAE9B,IAAIC,EAASD,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUN,MACzDO,EAAO,+DAA+DjD,OAAO4C,GAC7EM,EAAgB,OAAOlD,OAAOiD,EAAM,OACpCE,EAAaT,EAAWU,QAAQvD,KAAI,SAAUwD,GAChD,MAAO,iBAAiBrD,OAAO0C,EAAWY,YAAc,IAAItD,OAAOqD,EAAQ,UAE7E,MAAO,CAACtD,GAASC,OAAOmD,GAAYnD,OAAO,CAACkD,IAAgBjD,KAAK,MAGnE,MAAO,CAACF,GAASE,KAAK,Q,8BChCxB,IAAIsD,EAAc,GAElB,SAASC,EAAqBC,GAG5B,IAFA,IAAIC,GAAU,EAELxD,EAAI,EAAGA,EAAIqD,EAAYhD,OAAQL,IACtC,GAAIqD,EAAYrD,GAAGuD,aAAeA,EAAY,CAC5CC,EAASxD,EACT,MAIJ,OAAOwD,EAGT,SAASC,EAAahE,EAAMjD,GAI1B,IAHA,IAAIkH,EAAa,GACbC,EAAc,GAET3D,EAAI,EAAGA,EAAIP,EAAKY,OAAQL,IAAK,CACpC,IAAIJ,EAAOH,EAAKO,GACZT,EAAK/C,EAAQoH,KAAOhE,EAAK,GAAKpD,EAAQoH,KAAOhE,EAAK,GAClDiE,EAAQH,EAAWnE,IAAO,EAC1BgE,EAAa,GAAGzD,OAAOP,EAAI,KAAKO,OAAO+D,GAC3CH,EAAWnE,GAAMsE,EAAQ,EACzB,IAAIC,EAAoBR,EAAqBC,GACzCQ,EAAM,CACRC,IAAKpE,EAAK,GACVqE,MAAOrE,EAAK,GACZsE,UAAWtE,EAAK,GAChBuE,SAAUvE,EAAK,GACfwE,MAAOxE,EAAK,IAGd,IAA2B,IAAvBkE,EACFT,EAAYS,GAAmBO,aAC/BhB,EAAYS,GAAmBQ,QAAQP,OAClC,CACL,IAAIO,EAAUC,EAAgBR,EAAKvH,GACnCA,EAAQgI,QAAUxE,EAClBqD,EAAYoB,OAAOzE,EAAG,EAAG,CACvBuD,WAAYA,EACZe,QAASA,EACTD,WAAY,IAIhBV,EAAYrE,KAAKiE,GAGnB,OAAOI,EAGT,SAASY,EAAgBR,EAAKvH,GAC5B,IAAIkI,EAAMlI,EAAQI,OAAOJ,GAezB,OAdAkI,EAAIC,OAAOZ,GAEG,SAAiBa,GAC7B,GAAIA,EAAQ,CACV,GAAIA,EAAOZ,MAAQD,EAAIC,KAAOY,EAAOX,QAAUF,EAAIE,OAASW,EAAOV,YAAcH,EAAIG,WAAaU,EAAOT,WAAaJ,EAAII,UAAYS,EAAOR,QAAUL,EAAIK,MACzJ,OAGFM,EAAIC,OAAOZ,EAAMa,QAEjBF,EAAIG,UAOVzI,EAAOD,QAAU,SAAUsD,EAAMjD,GAG/B,IAAIsI,EAAkBrB,EADtBhE,EAAOA,GAAQ,GADfjD,EAAUA,GAAW,IAGrB,OAAO,SAAgBuI,GACrBA,EAAUA,GAAW,GAErB,IAAK,IAAI/E,EAAI,EAAGA,EAAI8E,EAAgBzE,OAAQL,IAAK,CAC/C,IACIgF,EAAQ1B,EADKwB,EAAgB9E,IAEjCqD,EAAY2B,GAAOX,aAKrB,IAFA,IAAIY,EAAqBxB,EAAasB,EAASvI,GAEtC8D,EAAK,EAAGA,EAAKwE,EAAgBzE,OAAQC,IAAM,CAClD,IAEI4E,EAAS5B,EAFKwB,EAAgBxE,IAIK,IAAnC+C,EAAY6B,GAAQb,aACtBhB,EAAY6B,GAAQZ,UAEpBjB,EAAYoB,OAAOS,EAAQ,IAI/BJ,EAAkBG,K,6BCnGtB,IAAIE,EAAO,GAoCX/I,EAAOD,QAVP,SAA0BQ,EAAQyI,GAChC,IAAIC,EAxBN,SAAmBA,GACjB,QAA4B,IAAjBF,EAAKE,GAAyB,CACvC,IAAIC,EAAcC,SAASC,cAAcH,GAEzC,GAAII,OAAOC,mBAAqBJ,aAAuBG,OAAOC,kBAC5D,IAGEJ,EAAcA,EAAYK,gBAAgBC,KAC1C,MAAOC,GAEPP,EAAc,KAIlBH,EAAKE,GAAUC,EAGjB,OAAOH,EAAKE,GAMCS,CAAUnJ,GAEvB,IAAK0I,EACH,MAAM,IAAIU,MAAM,2GAGlBV,EAAOW,YAAYZ,K,8BCzBrBhJ,EAAOD,QAPP,SAA4BK,GAC1B,IAAIyJ,EAAUV,SAASW,cAAc,SAGrC,OAFA1J,EAAQE,cAAcuJ,EAASzJ,EAAQ2J,YACvC3J,EAAQG,OAAOsJ,EAASzJ,EAAQA,SACzByJ,I,kCCIT7J,EAAOD,QARP,SAAwCiK,GACtC,IAAIC,EAAmD,KAEnDA,GACFD,EAAaE,aAAa,QAASD,K,8BC8DvCjK,EAAOD,QAZP,SAAgBK,GACd,IAAI4J,EAAe5J,EAAQK,mBAAmBL,GAC9C,MAAO,CACLmI,OAAQ,SAAgBZ,IAzD5B,SAAeqC,EAAc5J,EAASuH,GACpC,IAAIC,EAAM,GAEND,EAAII,WACNH,GAAO,cAAclE,OAAOiE,EAAII,SAAU,QAGxCJ,EAAIE,QACND,GAAO,UAAUlE,OAAOiE,EAAIE,MAAO,OAGrC,IAAIsC,OAAiC,IAAdxC,EAAIK,MAEvBmC,IACFvC,GAAO,SAASlE,OAAOiE,EAAIK,MAAM/D,OAAS,EAAI,IAAIP,OAAOiE,EAAIK,OAAS,GAAI,OAG5EJ,GAAOD,EAAIC,IAEPuC,IACFvC,GAAO,KAGLD,EAAIE,QACND,GAAO,KAGLD,EAAII,WACNH,GAAO,KAGT,IAAIE,EAAYH,EAAIG,UAEhBA,GAA6B,oBAATzB,OACtBuB,GAAO,uDAAuDlE,OAAO2C,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUoB,MAAe,QAMtI1H,EAAQC,kBAAkBuH,EAAKoC,EAAc5J,EAAQA,SAkBjD8B,CAAM8H,EAAc5J,EAASuH,IAE/Bc,OAAQ,YAjBZ,SAA4BuB,GAE1B,GAAgC,OAA5BA,EAAaI,WACf,OAAO,EAGTJ,EAAaI,WAAWC,YAAYL,GAYhCM,CAAmBN,O,8BCjDzBhK,EAAOD,QAZP,SAA2B6H,EAAKoC,GAC9B,GAAIA,EAAaO,WACfP,EAAaO,WAAWC,QAAU5C,MAC7B,CACL,KAAOoC,EAAaS,YAClBT,EAAaK,YAAYL,EAAaS,YAGxCT,EAAaJ,YAAYT,SAASuB,eAAe9C,O,oDCLtC,SAAS+C,EACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGA,IAqBIC,EArBAhL,EAAmC,mBAAlBwK,EACjBA,EAAcxK,QACdwK,EAsDJ,GAnDIC,IACFzK,EAAQyK,OAASA,EACjBzK,EAAQ0K,gBAAkBA,EAC1B1K,EAAQiL,WAAY,GAIlBN,IACF3K,EAAQkL,YAAa,GAInBL,IACF7K,EAAQmL,SAAW,UAAYN,GAI7BC,GACFE,EAAO,SAAUI,IAEfA,EACEA,GACC5K,KAAK6K,QAAU7K,KAAK6K,OAAOC,YAC3B9K,KAAK+K,QAAU/K,KAAK+K,OAAOF,QAAU7K,KAAK+K,OAAOF,OAAOC,aAEZ,oBAAxBE,sBACrBJ,EAAUI,qBAGRZ,GACFA,EAAa/F,KAAKrE,KAAM4K,GAGtBA,GAAWA,EAAQK,uBACrBL,EAAQK,sBAAsBC,IAAIZ,IAKtC9K,EAAQ2L,aAAeX,GACdJ,IACTI,EAAOD,EACH,WACAH,EAAa/F,KACXrE,MACCR,EAAQkL,WAAa1K,KAAK+K,OAAS/K,MAAMoL,MAAMC,SAASC,aAG3DlB,GAGFI,EACF,GAAIhL,EAAQkL,WAAY,CAGtBlL,EAAQ+L,cAAgBf,EAExB,IAAIgB,EAAiBhM,EAAQyK,OAC7BzK,EAAQyK,OAAS,SAAmCwB,EAAGb,GAErD,OADAJ,EAAKnG,KAAKuG,GACHY,EAAeC,EAAGb,QAEtB,CAEL,IAAIc,EAAWlM,EAAQmM,aACvBnM,EAAQmM,aAAeD,EACnB,GAAG5I,OAAO4I,EAAUlB,GACpB,CAACA,GAIT,MAAO,CACLrL,QAAS6K,EACTxK,QAASA,G,kCC9FToM,EAA2B,GAG/B,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAa5M,QAGrB,IAAIC,EAASwM,EAAyBE,GAAY,CACjDvJ,GAAIuJ,EAEJ3M,QAAS,IAOV,OAHA8M,EAAoBH,GAAU1M,EAAQA,EAAOD,QAAS0M,GAG/CzM,EAAOD,QCpBf0M,EAAoBhH,EAAI,SAASzF,GAChC,IAAI8M,EAAS9M,GAAUA,EAAO+M,WAC7B,WAAa,OAAO/M,EAAgB,SACpC,WAAa,OAAOA,GAErB,OADAyM,EAAoBO,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,GCLRL,EAAoBO,EAAI,SAASjN,EAASmN,GACzC,IAAI,IAAIlL,KAAOkL,EACXT,EAAoBlH,EAAE2H,EAAYlL,KAASyK,EAAoBlH,EAAExF,EAASiC,IAC5E0D,OAAOyH,eAAepN,EAASiC,EAAK,CAAEoL,YAAY,EAAMC,IAAKH,EAAWlL,MCJ3EyK,EAAoBlH,EAAI,SAASoC,EAAK2F,GAAQ,OAAO5H,OAAOC,UAAU4H,eAAetI,KAAK0C,EAAK2F,ICC/Fb,EAAoBe,EAAI,SAASzN,GACX,oBAAX4E,QAA0BA,OAAO8I,aAC1C/H,OAAOyH,eAAepN,EAAS4E,OAAO8I,YAAa,CAAErI,MAAO,WAE7DM,OAAOyH,eAAepN,EAAS,aAAc,CAAEqF,OAAO,KCLvDqH,EAAoBiB,QAAKd,E,qFCAzB,I,UCAI,EAA+Be,QAAQ,mC,SCAvC,EAA+BA,QAAQ,gD,SCAsI,ECgFjL,CACA,kBAEA,YACA,iBACA,UACA,iBAGA,OAIA,OACA,YACA,aAMA,MACA,YACA,aAQA,OACA,YACA,gBAQA,cACA,aACA,YAQA,cACA,aACA,YAQA,aACA,YACA,gBAMA,oBACA,aACA,YAOA,SACA,aACA,YAOA,OACA,aACA,aAIA,UACA,UADA,WAEA,cCvJQC,KAAKC,SACVvK,SAAS,IACTwK,QAAQ,WAAY,IACpBlI,MAAM,EAAG3B,GAAU,GAJF,IAACA,GD2JrB,eALA,WAMA,4BAGA,gBATA,WAUA,qBAGA,eAbA,WAcA,wDAGA,oBAjBA,WAkBA,yBACA,wCAEA,kDAKA,OACA,MADA,WAEA,sBAGA,aALA,WAMA,uBAIA,SACA,YADA,SACA,GACA,2CAGA,0BALA,SAKA,GACA,uCAGA,cATA,WAUA,kCACA,oK,2HEjNI7D,EAAU,GAEdA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,YAAiB,WALlD,ICGA,GChBgB,E,QAAA,GACd,GRTW,WAAa,IAAIO,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,YAAY,eAAe,CAAGR,EAAIoN,mBAA8BnB,IAAdjM,EAAIqN,MAAsMrN,EAAIoC,KAArLhC,EAAG,QAAQ,CAACI,YAAY,qBAAqBC,MAAM,CAAE,8BAA+BT,EAAIsN,cAAe3M,MAAM,CAAC,IAAMX,EAAIuN,YAAY,CAACvN,EAAIqC,GAAG,SAASrC,EAAIkE,GAAGlE,EAAIqN,OAAO,UAAmBrN,EAAIqC,GAAG,KAAKjC,EAAG,MAAM,CAACI,YAAY,6BAA6B,CAACJ,EAAG,QAAQJ,EAAIM,GAAGN,EAAIO,GAAG,CAACiN,IAAI,QAAQhN,YAAY,qBAAqBC,MAAM,CACxf,oCAAqCT,EAAIyN,oBAAsBzN,EAAI0N,gBACnE,mCAAoC1N,EAAI2N,eACxC,8BAA+B3N,EAAI4N,QACnC,4BAA6B5N,EAAI6N,OAChClN,MAAM,CAAC,KAAOX,EAAIuN,UAAU,KAAOvN,EAAIiB,KAAK,YAAcjB,EAAI8N,oBAAoB,YAAY,UAAUC,SAAS,CAAC,MAAQ/N,EAAIyE,OAAO1D,GAAG,CAAC,MAAQf,EAAIgO,cAAc,QAAQhO,EAAIiC,QAAO,GAAOjC,EAAIkC,aAAalC,EAAIqC,GAAG,KAAKjC,EAAG,MAAM,CAACI,YAAY,gDAAgD,CAACR,EAAImC,GAAG,YAAY,GAAGnC,EAAIqC,GAAG,KAAMrC,EAAI4N,SAAW5N,EAAI6N,MAAOzN,EAAG,MAAM,CAACI,YAAY,iDAAiD,CAAER,EAAW,QAAEI,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,MAAOX,EAAS,MAAEI,EAAG,cAAc,CAACO,MAAM,CAAC,KAAO,MAAMX,EAAIoC,MAAM,GAAIpC,EAAsB,mBAAEI,EAAG,SAAS,CAACI,YAAY,4BAA4BG,MAAM,CAAC,KAAO,0BAA0BI,GAAG,CAAC,MAAQf,EAAIiO,4BAA4B,CAAC7N,EAAG,WAAW,CAAC8N,KAAK,QAAQ,CAAClO,EAAImC,GAAG,yBAAyB,IAAI,GAAGnC,EAAIoC,MAAM,OACnvB,IQMpB,EACA,KACA,WACA,MAI8B,Q","sources":["webpack://NextcloudVue/webpack/universalModuleDefinition","webpack://NextcloudVue/src/components/Button/Button.vue","webpack://NextcloudVue/./src/components/Button/Button.vue?fe46","webpack://NextcloudVue/./src/components/Button/Button.vue?1421","webpack://NextcloudVue/./src/components/Button/Button.vue","webpack://NextcloudVue/./src/components/Button/Button.vue?bde0","webpack://NextcloudVue/./src/components/Button/index.js","webpack://NextcloudVue/./src/components/Button/Button.vue?1367","webpack://NextcloudVue/./src/components/InputField/InputField.vue?2240","webpack://NextcloudVue/./node_modules/css-loader/dist/runtime/api.js","webpack://NextcloudVue/./node_modules/css-loader/dist/runtime/cssWithMappingToString.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://NextcloudVue/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://NextcloudVue/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://NextcloudVue/webpack/bootstrap","webpack://NextcloudVue/webpack/runtime/compat get default export","webpack://NextcloudVue/webpack/runtime/define property getters","webpack://NextcloudVue/webpack/runtime/hasOwnProperty shorthand","webpack://NextcloudVue/webpack/runtime/make namespace object","webpack://NextcloudVue/webpack/runtime/nonce","webpack://NextcloudVue/./src/components/InputField/InputField.vue?937b","webpack://NextcloudVue/external commonjs \"vue-material-design-icons/Check\"","webpack://NextcloudVue/external commonjs \"vue-material-design-icons/AlertCircleOutline\"","webpack://NextcloudVue/./src/components/InputField/InputField.vue?2192","webpack://NextcloudVue/src/components/InputField/InputField.vue","webpack://NextcloudVue/./src/utils/GenRandomId.js","webpack://NextcloudVue/./src/components/InputField/InputField.vue?5d6a","webpack://NextcloudVue/./src/components/InputField/index.js","webpack://NextcloudVue/./src/components/InputField/InputField.vue"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"NextcloudVue\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"NextcloudVue\"] = factory();\n\telse\n\t\troot[\"NextcloudVue\"] = root[\"NextcloudVue\"] || {}, root[\"NextcloudVue\"][\"Components/InputField\"] = factory();\n})(self, function() {\nreturn ","<!--\n - @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@pm.me>\n -\n - @author Marco Ambrosini <marcoambrosini@pm.me>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n\n### General description\nGeneral purpose button component. See props for different options.\n[Use material design icons only for icons](https://www.npmjs.com/package/vue-material-design-icons) and remember to set their size to 20.\n\n### Usage\n### Custom icon slot\nTo be used with `vue-material-design-icons` only. For icon classes use the `default-icon` slot.\nIt can be used with one or multiple actions.\n```\n<template>\n<div class=\"wrapper\">\n\t<!-- Style selector -->\n\t<div class=\"grid\">\n\t\t<CheckboxRadioSwitch :checked.sync=\"style\" value=\"text\" name=\"style\" type=\"radio\">Text only</CheckboxRadioSwitch>\n\t\t<CheckboxRadioSwitch :checked.sync=\"style\" value=\"icon\" name=\"style\" type=\"radio\">Icon only</CheckboxRadioSwitch>\n\t\t<CheckboxRadioSwitch :checked.sync=\"style\" value=\"icontext\" name=\"style\" type=\"radio\">Icon and text</CheckboxRadioSwitch>\n\t\t<CheckboxRadioSwitch :checked.sync=\"disabled\" type=\"checkbox\">Disabled</CheckboxRadioSwitch>\n\t\t<!--<CheckboxRadioSwitch :checked.sync=\"readonly\" type=\"checkbox\">Read-only</CheckboxRadioSwitch>-->\n\t</div>\n\n\t<h5>Standard buttons</h5>\n\t<div class=\"grid\">\n\t\t<p>Tertiary, no background</p>\n\t\t<p>Tertiary</p>\n\t\t<p>Secondary</p>\n\t\t<p>Primary</p>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"tertiary-no-background\">\n\t\t\t<template v-if=\"style.indexOf('icon') !== -1\" #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\t<template v-if=\"style.indexOf('text') !== -1\">Example text</template>\n\t\t</Button>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"tertiary\">\n\t\t\t<template v-if=\"style.indexOf('icon') !== -1\" #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\t<template v-if=\"style.indexOf('text') !== -1\">Example text</template>\n\t\t</Button>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\">\n\t\t\t<template v-if=\"style.indexOf('icon') !== -1\" #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\t<template v-if=\"style.indexOf('text') !== -1\">Example text</template>\n\t\t</Button>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"primary\">\n\t\t\t<template v-if=\"style.indexOf('icon') !== -1\" #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\t<template v-if=\"style.indexOf('text') !== -1\">Example text</template>\n\t\t</Button>\n\t</div>\n\n\t<!-- Wide button -->\n\t<h5>Wide button</h5>\n\t<Button\n\t\t:disabled=\"disabled\"\n\t\t:readonly=\"readonly\"\n\t\t:wide=\"true\"\n\t\ttext=\"Example text\">\n\t\t<template #icon>\n\t\t\t<Video\n\t\t\t\t:size=\"20\" />\n\t\t</template>\n\t\tExample text\n\t</Button>\n\n\t<!-- Special buttons -->\n\t<h5>Special buttons</h5>\n\t<div class=\"grid\">\n\t\t<p>Success</p>\n\t\t<p>Warning</p>\n\t\t<p>Error</p>\n\t\t<p> - </p>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"success\">\n\t\t\t<template #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\tExample text\n\t\t</Button>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\tExample text\n\t\t</Button>\n\t\t<Button\n\t\t\t:disabled=\"disabled\"\n\t\t\t:readonly=\"readonly\"\n\t\t\ttype=\"error\">\n\t\t\t<template #icon>\n\t\t\t\t<Video\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</template>\n\t\t\tExample text\n\t\t</Button>\n\t\t<p> - </p>\n\t</div>\n</div>\n\n</template>\n<script>\nimport Video from 'vue-material-design-icons/Video'\n\nexport default {\n\tcomponents: {\n\t\tVideo,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\ttoggled: false,\n\t\t\tdisabled: false,\n\t\t\treadonly: false,\n\t\t\tstyle: 'icontext',\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper {\n\tpadding: 0 12px;\n}\n\n.grid {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 1fr 1fr;\n\tgrid-template-rows: repeat(auto-fill, auto);\n\tposition: relative;\n\tmargin: 12px 0;\n}\n\nh5 {\n\tfont-weight: bold;\n\tmargin: 40px 0 20px 0;\n}\n\np {\n\ttext-align: center;\n\tmargin: 4px 0 12px 0;\n\tcolor: var(--color-text-lighter)\n}\n\nbutton {\n\tmargin: auto;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<button class=\"button-vue\"\n\t\tv-bind=\"$attrs\"\n\t\t:class=\"buttonClassObject\"\n\t\t:aria-label=\"ariaLabel\"\n\t\t:type=\"nativeType\"\n\t\t:disabled=\"disabled\"\n\t\tv-on=\"$listeners\"\n\t\t@keydown.enter=\"makeActive\"\n\t\t@keyup.enter=\"makeInactive\"\n\t\t@click=\"handleClick\"\n\t\t@blur=\"handleBlur\"\n\t\t@keyup.tab.exact=\"handleTabUp\"\n\t\t@keyup.shift.tab=\"handleTabUp\">\n\t\t<span class=\"button-vue__wrapper\">\n\t\t\t<span v-if=\"hasIcon\" class=\"button-vue__icon\">\n\t\t\t\t<!-- @slot The material design icon slot -->\n\t\t\t\t<slot name=\"icon\" />\n\t\t\t</span>\n\t\t\t<span v-if=\"hasText\" class=\"button-vue__text\">\n\t\t\t\t<slot />\n\t\t\t</span>\n\t\t</span>\n\t</button>\n</template>\n<script>\n\nexport default {\n\tname: 'Button',\n\n\tprops: {\n\t\t/**\n\t\t * Toggles the disabled state of the button on and off.\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Specifies the button type\n\t\t * Accepted values: primary, secondary, tertiary, error, warning, success. If left empty,\n\t\t * the default button style will be applied.\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'error', 'warning', 'success'].indexOf(value) !== -1\n\t\t\t},\n\t\t\tdefault: 'secondary',\n\t\t},\n\n\t\t/**\n\t\t * Specifies the button native type\n\t\t * Accepted values: submit, reset, button. If left empty,\n\t\t * the default \"button\" type will be used.\n\t\t */\n\t\tnativeType: {\n\t\t\ttype: String,\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['submit', 'reset', 'button'].indexOf(value) !== -1\n\t\t\t},\n\t\t\tdefault: 'button',\n\t\t},\n\n\t\t/**\n\t\t * Specifies whether the button should span all the available width.\n\t\t * By default, buttons span the whole width of the container.\n\t\t */\n\t\twide: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Always try to provide an aria-label to your button. Make it more\n\t\t * specific than the button's title by provide some more context. E.g. if\n\t\t * the title of the button is \"send\" in the Mail app, the aria label could\n\t\t * be \"Send email\".\n\t\t */\n\t\tariaLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/**\n\t\t\t * Keeps track of whether the element's focus status is due to having\n\t\t\t * tabbed to it. We use this to display a thick 'focus outline' only\n\t\t\t * when the user is navigating with the keyboard.\n\t\t\t */\n\t\t\ttabbed: false,\n\n\t\t\t/**\n\t\t\t * Making sure the slots are reactive\n\t\t\t */\n\t\t\tslots: this.$slots,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasText() {\n\t\t\treturn this.slots?.default !== undefined\n\t\t\t\t&& this.slots?.default[0]?.text\n\t\t},\n\n\t\thasIcon() {\n\t\t\treturn this.slots.icon !== undefined\n\t\t},\n\n\t\ticonOnly() {\n\t\t\treturn this.hasIcon && !this.hasText\n\t\t},\n\n\t\ttextOnly() {\n\t\t\treturn !this.hasIcon && this.hasText\n\t\t},\n\n\t\ticonAndText() {\n\t\t\treturn this.hasIcon && this.hasText\n\t\t},\n\n\t\ttext() {\n\t\t\treturn this.hasText ? this.slots.default[0].text.trim() : null\n\t\t},\n\n\t\t// Classes applied to the button element\n\t\tbuttonClassObject() {\n\t\t\treturn {\n\t\t\t\t// If icon only, some additional css rules are required\n\t\t\t\t'button-vue--icon-only': this.iconOnly,\n\t\t\t\t'button-vue--text-only': this.textOnly,\n\t\t\t\t'button-vue--icon-and-text': this.iconAndText,\n\t\t\t\t[`button-vue--vue-${this.type}`]: this.type,\n\t\t\t\t'button-vue--wide': this.wide,\n\t\t\t\t'button-vue--tabbed': this.tabbed,\n\t\t\t}\n\t\t},\n\t},\n\n\tbeforeUpdate() {\n\t\t// $slots is not reactive, this make sure we are able to detect changes\n\t\tthis.slots = this.$slots\n\t},\n\n\tmounted() {\n\t\t/**\n\t\t * Always fill either the text prop or the ariaLabel one.\n\t\t */\n\t\tif (!this.text && !this.ariaLabel) {\n\t\t\tconsole.warn('You need to fill either the text or the ariaLabel props in the button component.', {\n\t\t\t\ttext: this.text,\n\t\t\t\tariaLabel: this.ariaLabel,\n\t\t\t},\n\t\t\tthis)\n\t\t}\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Removes the tabbed state of the button.\n\t\t */\n\t\thandleClick() {\n\t\t\tthis.tabbed = false\n\t\t},\n\n\t\t/**\n\t\t * When the tab key is lifted, the button has been \"tabbed in\",\n\t\t * see comments on the `tabbed` variable declared in the data.\n\t\t */\n\t\thandleTabUp() {\n\t\t\tthis.tabbed = true\n\t\t},\n\n\t\t/**\n\t\t * Everytime the button is blurred, we remove the tabbed state.\n\t\t */\n\t\thandleBlur() {\n\t\t\tthis.tabbed = false\n\t\t},\n\n\t\t/**\n\t\t * When the button is reached via keyboard navigation and pressed using\n\t\t * the enter key, we slightly change the styles to provide an \"active-like\"\n\t\t * feedback. When using the mouse this is achieved with the ripple effect.\n\t\t */\n\t\tmakeActive() {\n\t\t\tthis.tabbed = false\n\t\t},\n\n\t\tmakeInactive() {\n\t\t\tthis.tabbed = true\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.button-vue {\n\tposition: relative;\n\twidth: fit-content;\n\toverflow: hidden;\n\tborder: 0;\n\tpadding: 0;\n\tfont-size: var(--default-font-size);\n\tfont-weight: bold;\n\tmin-height: $clickable-area;\n\tmin-width: $clickable-area;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t// Cursor pointer on element and all children\n\tcursor: pointer;\n\t& * {\n\t\tcursor: pointer;\n\t}\n\tborder-radius: math.div($clickable-area, 2);\n\ttransition: background-color 0.1s linear !important;\n\ttransition: border 0.1s linear;\n\n\t// No outline feedback for focus. Handled with a toggled class in js (see data)\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t\t& * {\n\t\t\tcursor: default;\n\t\t}\n\t\topacity: $opacity_disabled;\n\t\t// Gives a wash out effect\n\t\tfilter: saturate($opacity_normal);\n\t}\n\n\t// Default button type\n\tbackground-color: var(--color-primary-element-lighter);\n\tcolor: var(--color-primary-light-text);\n\t&:hover:not(:disabled) {\n\t\tbackground-color: var(--color-primary-light-hover);\n\t}\n\n\t// Back to the default color for this button when active\n\t// TODO: add ripple effect\n\t&:active {\n\t\tbackground-color: var(--color-primary-element-lighter);\n\t}\n\n\t&__wrapper {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: space-around;\n\t}\n\n\t&__icon {\n\t\theight: $clickable-area;\n\t\twidth: $clickable-area;\n\t\tmin-height: $clickable-area;\n\t\tmin-width: $clickable-area;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t&__text {\n\t\tfont-weight: bold;\n\t\tmargin-bottom: 1px;\n\t\tpadding: 2px 0;\n\t}\n\n\t// Icon-only button\n\t&--icon-only {\n\t\twidth: $clickable-area !important;\n\t}\n\n\t// Text-only button\n\t&--text-only {\n\t\tpadding: 0 12px;\n\t\t& .button-vue__text {\n\t\t\tmargin-left: 4px;\n\t\t\tmargin-right: 4px;\n\t\t}\n\t}\n\n\t// Icon and text button\n\t&--icon-and-text {\n\t\tpadding: 0 16px 0 4px;\n\t}\n\n\t// Wide button spans the whole width of the container\n\t&--wide {\n\t\twidth: 100%;\n\t}\n\n\t// We use box-shadow around our buttons instead of an outline, so that the added \"border\"\n\t// coincides with the border of the element. It's not possible to add a border-radius to\n\t// the outline\n\t&--tabbed, &:focus-visible {\n\t\tbox-shadow: 0 0 0 2px var(--color-main-text);\n\t\tbackground-color: var(--color-primary-light-hover);\n\t\t&.button-vue--vue-primary {\n\t\t\tbackground-color: var(--color-primary-hover);\n\t\t}\n\t\t&.button-vue--vue-secondary {\n\t\t\tbox-shadow: 0 0 0 2px var(--color-main-text);\n\t\t}\n\t\t&.button-vue--vue-tertiary-no-background {\n\t\t\topacity: 1;\n\t\t}\n\t\t&.button-vue--vue-success {\n\t\t\tbackground-color: var(--color-success-hover);\n\t\t}\n\t\t&.button-vue--vue-warning {\n\t\t\tbackground-color: var(--color-warning-hover);\n\t\t}\n\t\t&.button-vue--vue-error {\n\t\t\tbackground-color: var(--color-error-hover);\n\t\t}\n\t}\n\n\t// Button types\n\n\t// Primary\n\t&--vue-primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-text);\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: var(--color-primary-element-hover);\n\t\t}\n\t\t// Back to the default color for this button when active\n\t\t// TODO: add ripple effect\n\t\t&:active {\n\t\t\tbackground-color: var(--color-primary-element);\n\t\t}\n\t}\n\n\t// Secondary\n\t&--vue-secondary {\n\t\tcolor: var(--color-main-text);\n\t\tbackground-color: var(--color-background-dark);\n\t\tbox-shadow: 0 0 0 2px var(--color-border-dark);\n\t\t&:hover:not(:disabled) {\n\t\t\tcolor: var(--color-main-text);\n\t\t\tbackground-color: var(--color-background-dark);\n\t\t\tbox-shadow: 0 0 0 2px var(--color-primary-element);\n\t\t}\n\t}\n\n\t// Tertiary\n\t&--vue-tertiary {\n\t\tcolor: var(--color-main-text);\n\t\tbackground-color: transparent;\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: var(--color);\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t}\n\n\t// Tertiary, no background\n\t&--vue-tertiary-no-background {\n\t\tcolor: var(--color-main-text);\n\t\tbackground-color: transparent;\n\t\topacity: .7;\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: transparent;\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t// Success\n\t&--vue-success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: white;\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: var(--color-success-hover);\n\t\t}\n\t\t// Back to the default color for this button when active\n\t\t// : add ripple effect\n\t\t&:active {\n\t\t\tbackground-color: var(--color-success);\n\t\t}\n\t}\n\n\t// Warning\n\t&--vue-warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: white;\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: var(--color-warning-hover);\n\t\t}\n\t\t// Back to the default color for this button when active\n\t\t// TODO: add ripple effect\n\t\t&:active {\n\t\t\tbackground-color: var(--color-warning);\n\t\t}\n\t}\n\n\t// Error\n\t&--vue-error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: white;\n\t\t&:hover:not(:disabled) {\n\t\t\tbackground-color: var(--color-error-hover);\n\t\t}\n\t\t// Back to the default color for this button when active\n\t\t// TODO: add ripple effect\n\t\t&:active {\n\t\t\tbackground-color: var(--color-error);\n\t\t}\n\t}\n}\n\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/resolve-url-loader/index.js!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=style&index=0&id=a8d79470&lang=scss&scoped=true&\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/resolve-url-loader/index.js!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=style&index=0&id=a8d79470&lang=scss&scoped=true&\";\n export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./Button.vue?vue&type=template&id=a8d79470&scoped=true&\"\nimport script from \"./Button.vue?vue&type=script&lang=js&\"\nexport * from \"./Button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Button.vue?vue&type=style&index=0&id=a8d79470&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"a8d79470\",\n null\n \n)\n\n/* custom blocks */\nimport block0 from \"./Button.vue?vue&type=custom&index=0&blockType=docs\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g(_vm._b({staticClass:\"button-vue\",class:_vm.buttonClassObject,attrs:{\"aria-label\":_vm.ariaLabel,\"type\":_vm.nativeType,\"disabled\":_vm.disabled},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.makeActive.apply(null, arguments)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.makeInactive.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.handleTabUp.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"tab\",9,$event.key,\"Tab\")){ return null; }if(!$event.shiftKey){ return null; }return _vm.handleTabUp.apply(null, arguments)}],\"click\":_vm.handleClick,\"blur\":_vm.handleBlur}},'button',_vm.$attrs,false),_vm.$listeners),[_c('span',{staticClass:\"button-vue__wrapper\"},[(_vm.hasIcon)?_c('span',{staticClass:\"button-vue__icon\"},[_vm._t(\"icon\")],2):_vm._e(),_vm._v(\" \"),(_vm.hasText)?_c('span',{staticClass:\"button-vue__text\"},[_vm._t(\"default\")],2):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@pm.me>\n *\n * @author Marco Ambrosini <marcoambrosini@pm.me>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\nimport Button from './Button.vue'\n\nexport default Button\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".material-design-icon[data-v-a8d79470]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}.button-vue[data-v-a8d79470]{position:relative;width:fit-content;overflow:hidden;border:0;padding:0;font-size:var(--default-font-size);font-weight:bold;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:22px;transition:background-color .1s linear !important;transition:border .1s linear;background-color:var(--color-primary-element-lighter);color:var(--color-primary-light-text)}.button-vue *[data-v-a8d79470]{cursor:pointer}.button-vue[data-v-a8d79470]:focus{outline:none}.button-vue[data-v-a8d79470]:disabled{cursor:default;opacity:.5;filter:saturate(0.7)}.button-vue:disabled *[data-v-a8d79470]{cursor:default}.button-vue[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color-primary-light-hover)}.button-vue[data-v-a8d79470]:active{background-color:var(--color-primary-element-lighter)}.button-vue__wrapper[data-v-a8d79470]{display:inline-flex;align-items:center;justify-content:space-around}.button-vue__icon[data-v-a8d79470]{height:44px;width:44px;min-height:44px;min-width:44px;display:flex;justify-content:center;align-items:center}.button-vue__text[data-v-a8d79470]{font-weight:bold;margin-bottom:1px;padding:2px 0}.button-vue--icon-only[data-v-a8d79470]{width:44px !important}.button-vue--text-only[data-v-a8d79470]{padding:0 12px}.button-vue--text-only .button-vue__text[data-v-a8d79470]{margin-left:4px;margin-right:4px}.button-vue--icon-and-text[data-v-a8d79470]{padding:0 16px 0 4px}.button-vue--wide[data-v-a8d79470]{width:100%}.button-vue--tabbed[data-v-a8d79470],.button-vue[data-v-a8d79470]:focus-visible{box-shadow:0 0 0 2px var(--color-main-text);background-color:var(--color-primary-light-hover)}.button-vue--tabbed.button-vue--vue-primary[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-primary[data-v-a8d79470]{background-color:var(--color-primary-hover)}.button-vue--tabbed.button-vue--vue-secondary[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-secondary[data-v-a8d79470]{box-shadow:0 0 0 2px var(--color-main-text)}.button-vue--tabbed.button-vue--vue-tertiary-no-background[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-tertiary-no-background[data-v-a8d79470]{opacity:1}.button-vue--tabbed.button-vue--vue-success[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-success[data-v-a8d79470]{background-color:var(--color-success-hover)}.button-vue--tabbed.button-vue--vue-warning[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-warning[data-v-a8d79470]{background-color:var(--color-warning-hover)}.button-vue--tabbed.button-vue--vue-error[data-v-a8d79470],.button-vue:focus-visible.button-vue--vue-error[data-v-a8d79470]{background-color:var(--color-error-hover)}.button-vue--vue-primary[data-v-a8d79470]{background-color:var(--color-primary-element);color:var(--color-primary-text)}.button-vue--vue-primary[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color-primary-element-hover)}.button-vue--vue-primary[data-v-a8d79470]:active{background-color:var(--color-primary-element)}.button-vue--vue-secondary[data-v-a8d79470]{color:var(--color-main-text);background-color:var(--color-background-dark);box-shadow:0 0 0 2px var(--color-border-dark)}.button-vue--vue-secondary[data-v-a8d79470]:hover:not(:disabled){color:var(--color-main-text);background-color:var(--color-background-dark);box-shadow:0 0 0 2px var(--color-primary-element)}.button-vue--vue-tertiary[data-v-a8d79470]{color:var(--color-main-text);background-color:rgba(0,0,0,0)}.button-vue--vue-tertiary[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color);background-color:var(--color-background-hover)}.button-vue--vue-tertiary-no-background[data-v-a8d79470]{color:var(--color-main-text);background-color:rgba(0,0,0,0);opacity:.7}.button-vue--vue-tertiary-no-background[data-v-a8d79470]:hover:not(:disabled){background-color:rgba(0,0,0,0);opacity:1}.button-vue--vue-success[data-v-a8d79470]{background-color:var(--color-success);color:#fff}.button-vue--vue-success[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color-success-hover)}.button-vue--vue-success[data-v-a8d79470]:active{background-color:var(--color-success)}.button-vue--vue-warning[data-v-a8d79470]{background-color:var(--color-warning);color:#fff}.button-vue--vue-warning[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color-warning-hover)}.button-vue--vue-warning[data-v-a8d79470]:active{background-color:var(--color-warning)}.button-vue--vue-error[data-v-a8d79470]{background-color:var(--color-error);color:#fff}.button-vue--vue-error[data-v-a8d79470]:hover:not(:disabled){background-color:var(--color-error-hover)}.button-vue--vue-error[data-v-a8d79470]:active{background-color:var(--color-error)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/assets/material-icons.css\",\"webpack://./src/components/Button/Button.vue\",\"webpack://./src/assets/variables.scss\"],\"names\":[],\"mappings\":\"AAGA,uCACC,YAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CCuYD,6BACC,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,QAAA,CACA,SAAA,CACA,kCAAA,CACA,gBAAA,CACA,eC9XgB,CD+XhB,cC/XgB,CDgYhB,YAAA,CACA,kBAAA,CACA,sBAAA,CAGA,cAAA,CAIA,kBAAA,CACA,iDAAA,CACA,4BAAA,CAkBA,qDAAA,CACA,qCAAA,CAxBA,+BACC,cAAA,CAOD,mCACC,YAAA,CAGD,sCACC,cAAA,CAIA,UCtYiB,CDwYjB,oBAAA,CALA,wCACC,cAAA,CAUF,kDACC,iDAAA,CAKD,oCACC,qDAAA,CAGD,sCACC,mBAAA,CACA,kBAAA,CACA,4BAAA,CAGD,mCACC,WChbe,CDibf,UCjbe,CDkbf,eClbe,CDmbf,cCnbe,CDobf,YAAA,CACA,sBAAA,CACA,kBAAA,CAGD,mCACC,gBAAA,CACA,iBAAA,CACA,aAAA,CAID,wCACC,qBAAA,CAID,wCACC,cAAA,CACA,0DACC,eAAA,CACA,gBAAA,CAKF,4CACC,oBAAA,CAID,mCACC,UAAA,CAMD,gFACC,2CAAA,CACA,iDAAA,CACA,gIACC,2CAAA,CAED,oIACC,2CAAA,CAED,8JACC,SAAA,CAED,gIACC,2CAAA,CAED,gIACC,2CAAA,CAED,4HACC,yCAAA,CAOF,0CACC,6CAAA,CACA,+BAAA,CACA,+DACC,mDAAA,CAID,iDACC,6CAAA,CAKF,4CACC,4BAAA,CACA,6CAAA,CACA,6CAAA,CACA,iEACC,4BAAA,CACA,6CAAA,CACA,iDAAA,CAKF,2CACC,4BAAA,CACA,8BAAA,CACA,gEACC,6BAAA,CACA,8CAAA,CAKF,yDACC,4BAAA,CACA,8BAAA,CACA,UAAA,CACA,8EACC,8BAAA,CACA,SAAA,CAKF,0CACC,qCAAA,CACA,UAAA,CACA,+DACC,2CAAA,CAID,iDACC,qCAAA,CAKF,0CACC,qCAAA,CACA,UAAA,CACA,+DACC,2CAAA,CAID,iDACC,qCAAA,CAKF,wCACC,mCAAA,CACA,UAAA,CACA,6DACC,yCAAA,CAID,+CACC,mCAAA\",\"sourcesContent\":[\"/*\\n* Ensure proper alignment of the vue material icons\\n*/\\n.material-design-icon {\\n\\tdisplay: flex;\\n\\talign-self: center;\\n\\tjustify-self: center;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\",\"@use 'sass:math'; $scope_version:\\\"c49fbe2\\\"; @import 'variables'; @import 'material-icons';\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n.button-vue {\\n\\tposition: relative;\\n\\twidth: fit-content;\\n\\toverflow: hidden;\\n\\tborder: 0;\\n\\tpadding: 0;\\n\\tfont-size: var(--default-font-size);\\n\\tfont-weight: bold;\\n\\tmin-height: $clickable-area;\\n\\tmin-width: $clickable-area;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\n\\t// Cursor pointer on element and all children\\n\\tcursor: pointer;\\n\\t& * {\\n\\t\\tcursor: pointer;\\n\\t}\\n\\tborder-radius: math.div($clickable-area, 2);\\n\\ttransition: background-color 0.1s linear !important;\\n\\ttransition: border 0.1s linear;\\n\\n\\t// No outline feedback for focus. Handled with a toggled class in js (see data)\\n\\t&:focus {\\n\\t\\toutline: none;\\n\\t}\\n\\n\\t&:disabled {\\n\\t\\tcursor: default;\\n\\t\\t& * {\\n\\t\\t\\tcursor: default;\\n\\t\\t}\\n\\t\\topacity: $opacity_disabled;\\n\\t\\t// Gives a wash out effect\\n\\t\\tfilter: saturate($opacity_normal);\\n\\t}\\n\\n\\t// Default button type\\n\\tbackground-color: var(--color-primary-element-lighter);\\n\\tcolor: var(--color-primary-light-text);\\n\\t&:hover:not(:disabled) {\\n\\t\\tbackground-color: var(--color-primary-light-hover);\\n\\t}\\n\\n\\t// Back to the default color for this button when active\\n\\t// TODO: add ripple effect\\n\\t&:active {\\n\\t\\tbackground-color: var(--color-primary-element-lighter);\\n\\t}\\n\\n\\t&__wrapper {\\n\\t\\tdisplay: inline-flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: space-around;\\n\\t}\\n\\n\\t&__icon {\\n\\t\\theight: $clickable-area;\\n\\t\\twidth: $clickable-area;\\n\\t\\tmin-height: $clickable-area;\\n\\t\\tmin-width: $clickable-area;\\n\\t\\tdisplay: flex;\\n\\t\\tjustify-content: center;\\n\\t\\talign-items: center;\\n\\t}\\n\\n\\t&__text {\\n\\t\\tfont-weight: bold;\\n\\t\\tmargin-bottom: 1px;\\n\\t\\tpadding: 2px 0;\\n\\t}\\n\\n\\t// Icon-only button\\n\\t&--icon-only {\\n\\t\\twidth: $clickable-area !important;\\n\\t}\\n\\n\\t// Text-only button\\n\\t&--text-only {\\n\\t\\tpadding: 0 12px;\\n\\t\\t& .button-vue__text {\\n\\t\\t\\tmargin-left: 4px;\\n\\t\\t\\tmargin-right: 4px;\\n\\t\\t}\\n\\t}\\n\\n\\t// Icon and text button\\n\\t&--icon-and-text {\\n\\t\\tpadding: 0 16px 0 4px;\\n\\t}\\n\\n\\t// Wide button spans the whole width of the container\\n\\t&--wide {\\n\\t\\twidth: 100%;\\n\\t}\\n\\n\\t// We use box-shadow around our buttons instead of an outline, so that the added \\\"border\\\"\\n\\t// coincides with the border of the element. It's not possible to add a border-radius to\\n\\t// the outline\\n\\t&--tabbed, &:focus-visible {\\n\\t\\tbox-shadow: 0 0 0 2px var(--color-main-text);\\n\\t\\tbackground-color: var(--color-primary-light-hover);\\n\\t\\t&.button-vue--vue-primary {\\n\\t\\t\\tbackground-color: var(--color-primary-hover);\\n\\t\\t}\\n\\t\\t&.button-vue--vue-secondary {\\n\\t\\t\\tbox-shadow: 0 0 0 2px var(--color-main-text);\\n\\t\\t}\\n\\t\\t&.button-vue--vue-tertiary-no-background {\\n\\t\\t\\topacity: 1;\\n\\t\\t}\\n\\t\\t&.button-vue--vue-success {\\n\\t\\t\\tbackground-color: var(--color-success-hover);\\n\\t\\t}\\n\\t\\t&.button-vue--vue-warning {\\n\\t\\t\\tbackground-color: var(--color-warning-hover);\\n\\t\\t}\\n\\t\\t&.button-vue--vue-error {\\n\\t\\t\\tbackground-color: var(--color-error-hover);\\n\\t\\t}\\n\\t}\\n\\n\\t// Button types\\n\\n\\t// Primary\\n\\t&--vue-primary {\\n\\t\\tbackground-color: var(--color-primary-element);\\n\\t\\tcolor: var(--color-primary-text);\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: var(--color-primary-element-hover);\\n\\t\\t}\\n\\t\\t// Back to the default color for this button when active\\n\\t\\t// TODO: add ripple effect\\n\\t\\t&:active {\\n\\t\\t\\tbackground-color: var(--color-primary-element);\\n\\t\\t}\\n\\t}\\n\\n\\t// Secondary\\n\\t&--vue-secondary {\\n\\t\\tcolor: var(--color-main-text);\\n\\t\\tbackground-color: var(--color-background-dark);\\n\\t\\tbox-shadow: 0 0 0 2px var(--color-border-dark);\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tcolor: var(--color-main-text);\\n\\t\\t\\tbackground-color: var(--color-background-dark);\\n\\t\\t\\tbox-shadow: 0 0 0 2px var(--color-primary-element);\\n\\t\\t}\\n\\t}\\n\\n\\t// Tertiary\\n\\t&--vue-tertiary {\\n\\t\\tcolor: var(--color-main-text);\\n\\t\\tbackground-color: transparent;\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: var(--color);\\n\\t\\t\\tbackground-color: var(--color-background-hover);\\n\\t\\t}\\n\\t}\\n\\n\\t// Tertiary, no background\\n\\t&--vue-tertiary-no-background {\\n\\t\\tcolor: var(--color-main-text);\\n\\t\\tbackground-color: transparent;\\n\\t\\topacity: .7;\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: transparent;\\n\\t\\t\\topacity: 1;\\n\\t\\t}\\n\\t}\\n\\n\\t// Success\\n\\t&--vue-success {\\n\\t\\tbackground-color: var(--color-success);\\n\\t\\tcolor: white;\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: var(--color-success-hover);\\n\\t\\t}\\n\\t\\t// Back to the default color for this button when active\\n\\t\\t// : add ripple effect\\n\\t\\t&:active {\\n\\t\\t\\tbackground-color: var(--color-success);\\n\\t\\t}\\n\\t}\\n\\n\\t// Warning\\n\\t&--vue-warning {\\n\\t\\tbackground-color: var(--color-warning);\\n\\t\\tcolor: white;\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: var(--color-warning-hover);\\n\\t\\t}\\n\\t\\t// Back to the default color for this button when active\\n\\t\\t// TODO: add ripple effect\\n\\t\\t&:active {\\n\\t\\t\\tbackground-color: var(--color-warning);\\n\\t\\t}\\n\\t}\\n\\n\\t// Error\\n\\t&--vue-error {\\n\\t\\tbackground-color: var(--color-error);\\n\\t\\tcolor: white;\\n\\t\\t&:hover:not(:disabled) {\\n\\t\\t\\tbackground-color: var(--color-error-hover);\\n\\t\\t}\\n\\t\\t// Back to the default color for this button when active\\n\\t\\t// TODO: add ripple effect\\n\\t\\t&:active {\\n\\t\\t\\tbackground-color: var(--color-error);\\n\\t\\t}\\n\\t}\\n}\\n\\n\",\"/**\\n * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\\n *\\n * @author John Molakvoæ <skjnldsv@protonmail.com>\\n *\\n * @license GNU AGPL version 3 or any later version\\n *\\n * This program is free software: you can redistribute it and/or modify\\n * it under the terms of the GNU Affero General Public License as\\n * published by the Free Software Foundation, either version 3 of the\\n * License, or (at your option) any later version.\\n *\\n * This program is distributed in the hope that it will be useful,\\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\\n * GNU Affero General Public License for more details.\\n *\\n * You should have received a copy of the GNU Affero General Public License\\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\\n *\\n */\\n\\n// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556\\n// recommended is 48px\\n// 44px is what we choose and have very good visual-to-usability ratio\\n$clickable-area: 44px;\\n\\n// background icon size\\n// also used for the scss icon font\\n$icon-size: 16px;\\n\\n// icon padding for a $clickable-area width and a $icon-size icon\\n// ( 44px - 16px ) / 2\\n$icon-margin: math.div($clickable-area - $icon-size, 2);\\n\\n// transparency background for icons\\n$icon-focus-bg: rgba(127, 127, 127, .25);\\n\\n// popovermenu arrow width from the triangle center\\n$arrow-width: 9px;\\n\\n// opacities\\n$opacity_disabled: .5;\\n$opacity_normal: .7;\\n$opacity_full: 1;\\n\\n// menu round background hover feedback\\n// good looking on dark AND white bg\\n$action-background-hover: rgba(127, 127, 127, .25);\\n\\n// various structure data used in the \\n// `AppNavigation` component\\n$header-height: 50px;\\n$navigation-width: 300px;\\n\\n// mobile breakpoint\\n$breakpoint-mobile: 1024px;\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".material-design-icon[data-v-1d45ba7a]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}.input-field[data-v-1d45ba7a]{position:relative;width:100%;border-radius:var(--border-radius-large)}.input-field__main-wrapper[data-v-1d45ba7a]{height:36px;position:relative}.input-field__input[data-v-1d45ba7a]{margin:0;padding:0 12px;font-size:var(--default-font-size);background-color:var(--color-main-background);color:var(--color-main-text);border:2px solid var(--color-border-dark);height:36px !important;border-radius:var(--border-radius-large);text-overflow:ellipsis;cursor:pointer;width:100%;-webkit-appearance:textfield !important;-moz-appearance:textfield !important}.input-field__input[data-v-1d45ba7a]:hover{border-color:var(--color-primary-element)}.input-field__input[data-v-1d45ba7a]:focus{cursor:text}.input-field__input--success[data-v-1d45ba7a]{border-color:var(--color-success) !important}.input-field__input--error[data-v-1d45ba7a]{border-color:var(--color-error) !important}.input-field__input--leading-icon[data-v-1d45ba7a]{padding-left:28px}.input-field__input--trailing-icon[data-v-1d45ba7a]{padding-right:28px}.input-field__label[data-v-1d45ba7a]{padding:4px 0;display:block}.input-field__label--hidden[data-v-1d45ba7a]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.input-field__icon[data-v-1d45ba7a]{position:absolute;height:32px;width:32px;display:flex;align-items:center;justify-content:center;opacity:.7}.input-field__icon--leading[data-v-1d45ba7a]{bottom:2px;left:2px}.input-field__icon--trailing[data-v-1d45ba7a]{bottom:2px;right:2px}.input-field__clear-button[data-v-1d45ba7a]{position:absolute;top:2px;right:1px}[data-v-1d45ba7a] .button-vue{min-width:unset;min-height:unset;height:32px;width:32px !important;border-radius:var(--border-radius-large)}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/assets/material-icons.css\",\"webpack://./src/components/InputField/InputField.vue\"],\"names\":[],\"mappings\":\"AAGA,uCACC,YAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CC+ND,8BACC,iBAAA,CACA,UAAA,CACA,wCAAA,CAEA,4CACC,WAAA,CACA,iBAAA,CAGD,qCACC,QAAA,CACA,cAAA,CACA,kCAAA,CACA,6CAAA,CACA,4BAAA,CACA,yCAAA,CACA,sBAAA,CACA,wCAAA,CACA,sBAAA,CACA,cAAA,CACA,UAAA,CACA,uCAAA,CACA,oCAAA,CAEA,2CACC,yCAAA,CAED,2CACC,WAAA,CAGD,8CACC,4CAAA,CAGD,4CACC,0CAAA,CAGD,mDACC,iBAAA,CAGD,oDACC,kBAAA,CAIF,qCACC,aAAA,CACA,aAAA,CAEA,6CACC,iBAAA,CACA,aAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,eAAA,CAIF,oCACC,iBAAA,CACA,WAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,6CACC,UAAA,CACA,QAAA,CAGD,8CACC,UAAA,CACA,SAAA,CAIF,4CACC,iBAAA,CACA,OAAA,CACA,SAAA,CAIF,8BACC,eAAA,CACA,gBAAA,CACA,WAAA,CACA,qBAAA,CACA,wCAAA\",\"sourcesContent\":[\"/*\\n* Ensure proper alignment of the vue material icons\\n*/\\n.material-design-icon {\\n\\tdisplay: flex;\\n\\talign-self: center;\\n\\tjustify-self: center;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n}\\n\",\"@use 'sass:math'; $scope_version:\\\"c49fbe2\\\"; @import 'variables'; @import 'material-icons';\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n.input-field {\\n\\tposition: relative;\\n\\twidth: 100%;\\n\\tborder-radius: var(--border-radius-large);\\n\\n\\t&__main-wrapper {\\n\\t\\theight: 36px;\\n\\t\\tposition: relative;\\n\\t}\\n\\n\\t&__input {\\n\\t\\tmargin: 0;\\n\\t\\tpadding: 0 12px;\\n\\t\\tfont-size: var(--default-font-size);\\n\\t\\tbackground-color: var(--color-main-background);\\n\\t\\tcolor: var(--color-main-text);\\n\\t\\tborder: 2px solid var(--color-border-dark);\\n\\t\\theight: 36px !important;\\n\\t\\tborder-radius: var(--border-radius-large);\\n\\t\\ttext-overflow: ellipsis;\\n\\t\\tcursor: pointer;\\n\\t\\twidth: 100%;\\n\\t\\t-webkit-appearance: textfield !important;\\n\\t\\t-moz-appearance: textfield !important;\\n\\n\\t\\t&:hover {\\n\\t\\t\\tborder-color: var(--color-primary-element);\\n\\t\\t}\\n\\t\\t&:focus {\\n\\t\\t\\tcursor: text;\\n\\t\\t}\\n\\n\\t\\t&--success {\\n\\t\\t\\tborder-color: var(--color-success) !important; //Override hover border color\\n\\t\\t}\\n\\n\\t\\t&--error {\\n\\t\\t\\tborder-color: var(--color-error) !important; //Override hover border color\\n\\t\\t}\\n\\n\\t\\t&--leading-icon {\\n\\t\\t\\tpadding-left: 28px;\\n\\t\\t}\\n\\n\\t\\t&--trailing-icon {\\n\\t\\t\\tpadding-right: 28px;\\n\\t\\t}\\n\\t}\\n\\n\\t&__label {\\n\\t\\tpadding: 4px 0;\\n\\t\\tdisplay: block;\\n\\n\\t\\t&--hidden {\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\tleft: -10000px;\\n\\t\\t\\ttop: auto;\\n\\t\\t\\twidth: 1px;\\n\\t\\t\\theight: 1px;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t}\\n\\t}\\n\\n\\t&__icon {\\n\\t\\tposition: absolute;\\n\\t\\theight: 32px;\\n\\t\\twidth: 32px;\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tjustify-content: center;\\n\\t\\topacity: 0.7;\\n\\t\\t&--leading {\\n\\t\\t\\tbottom: 2px;\\n\\t\\t\\tleft: 2px;\\n\\t\\t}\\n\\n\\t\\t&--trailing {\\n\\t\\t\\tbottom: 2px;\\n\\t\\t\\tright: 2px;\\n\\t\\t}\\n\\t}\\n\\n\\t&__clear-button {\\n\\t\\tposition: absolute;\\n\\t\\ttop: 2px;\\n\\t\\tright: 1px;\\n\\t}\\n}\\n\\n::v-deep .button-vue {\\n\\tmin-width: unset;\\n\\tmin-height: unset;\\n\\theight: 32px;\\n\\twidth: 32px !important;\\n\\tborder-radius: var(--border-radius-large);\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (cssWithMappingToString) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item);\n\n if (item[2]) {\n return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n }\n\n return content;\n }).join(\"\");\n }; // import a list of modules into the list\n // eslint-disable-next-line func-names\n\n\n list.i = function (modules, mediaQuery, dedupe) {\n if (typeof modules === \"string\") {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, \"\"]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var i = 0; i < this.length; i++) {\n // eslint-disable-next-line prefer-destructuring\n var id = this[i][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _i = 0; _i < modules.length; _i++) {\n var item = [].concat(modules[_i]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n // eslint-disable-next-line no-continue\n continue;\n }\n\n if (mediaQuery) {\n if (!item[2]) {\n item[2] = mediaQuery;\n } else {\n item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};","\"use strict\";\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nmodule.exports = function cssWithMappingToString(item) {\n var _item = _slicedToArray(item, 4),\n content = _item[1],\n cssMapping = _item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (typeof btoa === \"function\") {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n }\n\n return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n\n return updater;\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n\n stylesInDOM.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n\n var needLayer = typeof obj.layer !== \"undefined\";\n\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n\n css += obj.css;\n\n if (needLayer) {\n css += \"}\";\n }\n\n if (obj.media) {\n css += \"}\";\n }\n\n if (obj.supports) {\n css += \"}\";\n }\n\n var sourceMap = obj.sourceMap;\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n\n styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"input-field\"},[(!_vm.labelOutside && _vm.label !== undefined)?_c('label',{staticClass:\"input-field__label\",class:{ 'input-field__label--hidden': !_vm.labelVisible },attrs:{\"for\":_vm.inputName}},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.label)+\"\\n\\t\")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"input-field__main-wrapper\"},[_c('input',_vm._g(_vm._b({ref:\"input\",staticClass:\"input-field__input\",class:{\n\t\t\t\t'input-field__input--trailing-icon': _vm.showTrailingButton || _vm.hasTrailingIcon,\n\t\t\t\t'input-field__input--leading-icon': _vm.hasLeadingIcon,\n\t\t\t\t'input-field__input--success': _vm.success,\n\t\t\t\t'input-field__input--error': _vm.error,\n\t\t\t},attrs:{\"name\":_vm.inputName,\"type\":_vm.type,\"placeholder\":_vm.computedPlaceholder,\"aria-live\":\"polite\"},domProps:{\"value\":_vm.value},on:{\"input\":_vm.handleInput}},'input',_vm.$attrs,false),_vm.$listeners)),_vm._v(\" \"),_c('div',{staticClass:\"input-field__icon input-field__icon--leading\"},[_vm._t(\"default\")],2),_vm._v(\" \"),(_vm.success || _vm.error)?_c('div',{staticClass:\"input-field__icon input-field__icon--trailing\"},[(_vm.success)?_c('Check',{attrs:{\"size\":18}}):(_vm.error)?_c('AlertCircle',{attrs:{\"size\":18}}):_vm._e()],1):(_vm.showTrailingButton)?_c('Button',{staticClass:\"input-field__clear-button\",attrs:{\"type\":\"tertiary-no-background\"},on:{\"click\":_vm.handleTrailingButtonClick}},[_c('template',{slot:\"icon\"},[_vm._t(\"trailing-button-icon\")],2)],2):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var __WEBPACK_NAMESPACE_OBJECT__ = require(\"vue-material-design-icons/Check\");","var __WEBPACK_NAMESPACE_OBJECT__ = require(\"vue-material-design-icons/AlertCircleOutline\");","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=script&lang=js&\"","<!--\n - @copyright Copyright (c) 2022 Marco Ambrosini <marcoambrosini@pm.me>\n -\n - @author Marco Ambrosini <marcoambrosini@pm.me>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<template>\n\t<div class=\"input-field\">\n\t\t<label v-if=\"!labelOutside && label !== undefined\"\n\t\t\tclass=\"input-field__label\"\n\t\t\t:class=\"{ 'input-field__label--hidden': !labelVisible }\"\n\t\t\t:for=\"inputName\">\n\t\t\t{{ label }}\n\t\t</label>\n\t\t<div class=\"input-field__main-wrapper\">\n\t\t\t<input v-bind=\"$attrs\"\n\t\t\t\tref=\"input\"\n\t\t\t\t:name=\"inputName\"\n\t\t\t\tclass=\"input-field__input\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"computedPlaceholder\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'input-field__input--trailing-icon': showTrailingButton || hasTrailingIcon,\n\t\t\t\t\t'input-field__input--leading-icon': hasLeadingIcon,\n\t\t\t\t\t'input-field__input--success': success,\n\t\t\t\t\t'input-field__input--error': error,\n\t\t\t\t}\"\n\t\t\t\t:value=\"value\"\n\t\t\t\tv-on=\"$listeners\"\n\t\t\t\t@input=\"handleInput\">\n\n\t\t\t<!-- Leading icon -->\n\t\t\t<div class=\"input-field__icon input-field__icon--leading\">\n\t\t\t\t<!-- Leading material design icon in the text field, set the size to 18 -->\n\t\t\t\t<slot />\n\t\t\t</div>\n\n\t\t\t<!-- Success and error icons -->\n\t\t\t<div v-if=\"success || error\" class=\"input-field__icon input-field__icon--trailing\">\n\t\t\t\t<Check v-if=\"success\" :size=\"18\" />\n\t\t\t\t<AlertCircle v-else-if=\"error\" :size=\"18\" />\n\t\t\t</div>\n\n\t\t\t<!-- trailing button -->\n\t\t\t<Button v-else-if=\"showTrailingButton\"\n\t\t\t\ttype=\"tertiary-no-background\"\n\t\t\t\tclass=\"input-field__clear-button\"\n\t\t\t\t@click=\"handleTrailingButtonClick\">\n\t\t\t\t<!-- Populating this slot creates a trailing button within the\n\t\t\t\tinput boundaries that emits a `trailing-button-click` event -->\n\t\t\t\t<template slot=\"icon\">\n\t\t\t\t\t<slot name=\"trailing-button-icon\" />\n\t\t\t\t</template>\n\t\t\t</Button>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport Button from '../Button/index.js'\nimport Check from 'vue-material-design-icons/Check'\nimport AlertCircle from 'vue-material-design-icons/AlertCircleOutline'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nexport default {\n\tname: 'InputField',\n\n\tcomponents: {\n\t\tButton,\n\t\tCheck,\n\t\tAlertCircle,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The value of the input field\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * The input element type\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * The hidden input label for accessibility purposes. This will also\n\t\t * be used as a placeholder unless the placeholder prop is populated\n\t\t * with a different string.\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Pass in true if you want to use an external label. This is useful\n\t\t * if you need a label that looks different from the one provided by\n\t\t * this component\n\t\t */\n\t\tlabelOutside: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * We normally have the lable hidden visually and use it for\n\t\t * accessibility only. If you want to have the label visible just above\n\t\t * the input field pass in true to this prop.\n\t\t */\n\t\tlabelVisible: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The placeholder of the input. This defaults as the string that's\n\t\t * passed into the label prop. In order to remove the placeholder,\n\t\t * pass in an empty string.\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\n\t\t/**\n\t\t * Controls whether to display the trailing button.\n\t\t */\n\t\tshowTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Toggles the success state of the component. Adds a checkmark icon.\n\t\t * this cannot be used together with canClear.\n\t\t */\n\t\tsuccess: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Toggles the error state of the component. Adds an error icon.\n\t\t * this cannot be used together with canClear.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\tinputName() {\n\t\t\treturn 'input' + GenRandomId()\n\t\t},\n\n\t\thasLeadingIcon() {\n\t\t\treturn this.$slots.default\n\t\t},\n\n\t\thasTrailingIcon() {\n\t\t\treturn this.success\n\t\t},\n\n\t\thasPlaceholder() {\n\t\t\treturn this.placeholder !== '' && this.placeholder !== undefined\n\t\t},\n\n\t\tcomputedPlaceholder() {\n\t\t\tif (this.labelVisible) {\n\t\t\t\treturn this.hasPlaceholder ? this.placeholder : ''\n\t\t\t} else {\n\t\t\t\treturn this.hasPlaceholder ? this.placeholder : this.label\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tlabel() {\n\t\t\tthis.validateLabel()\n\t\t},\n\n\t\tlabelOutside() {\n\t\t\tthis.validateLabel()\n\t\t},\n\t},\n\n\tmethods: {\n\t\thandleInput(event) {\n\t\t\tthis.$emit('update:value', event.target.value)\n\t\t},\n\n\t\thandleTrailingButtonClick(event) {\n\t\t\tthis.$emit('trailing-button-click', event)\n\t\t},\n\n\t\tvalidateLabel() {\n\t\t\tif (this.label && !this.labelOutside) {\n\t\t\t\tthrow new Error('You need to add a label to the textField component. Either use the prop label or use an external one, as per the example in the documentation')\n\t\t\t}\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.input-field {\n\tposition: relative;\n\twidth: 100%;\n\tborder-radius: var(--border-radius-large);\n\n\t&__main-wrapper {\n\t\theight: 36px;\n\t\tposition: relative;\n\t}\n\n\t&__input {\n\t\tmargin: 0;\n\t\tpadding: 0 12px;\n\t\tfont-size: var(--default-font-size);\n\t\tbackground-color: var(--color-main-background);\n\t\tcolor: var(--color-main-text);\n\t\tborder: 2px solid var(--color-border-dark);\n\t\theight: 36px !important;\n\t\tborder-radius: var(--border-radius-large);\n\t\ttext-overflow: ellipsis;\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\t-webkit-appearance: textfield !important;\n\t\t-moz-appearance: textfield !important;\n\n\t\t&:hover {\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t\t&:focus {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t&--success {\n\t\t\tborder-color: var(--color-success) !important; //Override hover border color\n\t\t}\n\n\t\t&--error {\n\t\t\tborder-color: var(--color-error) !important; //Override hover border color\n\t\t}\n\n\t\t&--leading-icon {\n\t\t\tpadding-left: 28px;\n\t\t}\n\n\t\t&--trailing-icon {\n\t\t\tpadding-right: 28px;\n\t\t}\n\t}\n\n\t&__label {\n\t\tpadding: 4px 0;\n\t\tdisplay: block;\n\n\t\t&--hidden {\n\t\t\tposition: absolute;\n\t\t\tleft: -10000px;\n\t\t\ttop: auto;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t&__icon {\n\t\tposition: absolute;\n\t\theight: 32px;\n\t\twidth: 32px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\topacity: 0.7;\n\t\t&--leading {\n\t\t\tbottom: 2px;\n\t\t\tleft: 2px;\n\t\t}\n\n\t\t&--trailing {\n\t\t\tbottom: 2px;\n\t\t\tright: 2px;\n\t\t}\n\t}\n\n\t&__clear-button {\n\t\tposition: absolute;\n\t\ttop: 2px;\n\t\tright: 1px;\n\t}\n}\n\n::v-deep .button-vue {\n\tmin-width: unset;\n\tmin-height: unset;\n\theight: 32px;\n\twidth: 32px !important;\n\tborder-radius: var(--border-radius-large);\n}\n\n</style>\n","\n/**\n * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\nconst GenRandomId = (length) => {\n\treturn Math.random()\n\t\t.toString(36)\n\t\t.replace(/[^a-z]+/g, '')\n\t\t.slice(0, length || 5)\n}\n\nexport default GenRandomId\n","\n import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/resolve-url-loader/index.js!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=style&index=0&id=1d45ba7a&lang=scss&scoped=true&\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/resolve-url-loader/index.js!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputField.vue?vue&type=style&index=0&id=1d45ba7a&lang=scss&scoped=true&\";\n export default content && content.locals ? content.locals : undefined;\n","/**\n * @copyright Copyright (c) 2022 Marco Ambrosini <marcoambrosini@pm.me>\n *\n * @author Marco Ambrosini <marcoambrosini@pm.me>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\nimport InputField from './InputField.vue'\n\nexport default InputField\n","import { render, staticRenderFns } from \"./InputField.vue?vue&type=template&id=1d45ba7a&scoped=true&\"\nimport script from \"./InputField.vue?vue&type=script&lang=js&\"\nexport * from \"./InputField.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputField.vue?vue&type=style&index=0&id=1d45ba7a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1d45ba7a\",\n null\n \n)\n\nexport default component.exports"],"names":["root","factory","exports","module","define","amd","self","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","component","_vm","this","_h","$createElement","_c","_self","_g","_b","staticClass","class","buttonClassObject","attrs","ariaLabel","nativeType","disabled","on","$event","type","indexOf","_k","keyCode","key","makeActive","apply","arguments","makeInactive","ctrlKey","shiftKey","altKey","metaKey","handleTabUp","handleClick","handleBlur","$attrs","$listeners","_t","_e","_v","___CSS_LOADER_EXPORT___","push","id","cssWithMappingToString","list","toString","map","item","content","concat","join","i","modules","mediaQuery","dedupe","alreadyImportedModules","length","_i","_arrayLikeToArray","arr","len","arr2","Array","_item","isArray","_arrayWithHoles","Symbol","iterator","_s","_arr","_n","_d","call","next","done","value","err","_iterableToArrayLimit","o","minLen","n","Object","prototype","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","sourceURLs","sources","source","sourceRoot","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","media","sourceMap","supports","layer","references","updater","addElementStyle","byIndex","splice","api","update","newObj","remove","lastIdentifiers","newList","index","newLastIdentifiers","_index","memo","style","target","styleTarget","document","querySelector","window","HTMLIFrameElement","contentDocument","head","e","getTarget","Error","appendChild","element","createElement","attributes","styleElement","nonce","setAttribute","needLayer","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","getter","__esModule","d","a","definition","defineProperty","enumerable","get","prop","hasOwnProperty","r","toStringTag","nc","require","Math","random","replace","labelOutside","label","labelVisible","inputName","ref","showTrailingButton","hasTrailingIcon","hasLeadingIcon","success","error","computedPlaceholder","domProps","handleInput","handleTrailingButtonClick","slot"],"sourceRoot":""}
|