From 550b35fd0434fefb0ddbbc6435e3cdc99df7f521 Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 24 May 2020 22:37:21 +0200 Subject: [PATCH] Added unstable version of Homepage --- docs/unstable/index.html | 9468 ++++++++++++++++++++++++++++---------- 1 file changed, 7077 insertions(+), 2391 deletions(-) diff --git a/docs/unstable/index.html b/docs/unstable/index.html index 7346cb7..2ae3dde 100644 --- a/docs/unstable/index.html +++ b/docs/unstable/index.html @@ -2,7 +2,7 @@ - Example + Main @@ -5241,23 +5241,23 @@ var $elm$core$Task$perform = F2( A2($elm$core$Task$map, toMessage, task))); }); var $elm$browser$Browser$element = _Browser_element; -var $author$project$Example$GotViewport = function (a) { +var $author$project$Main$GotViewport = function (a) { return {$: 'GotViewport', a: a}; }; -var $author$project$Example$Loading = {$: 'Loading'}; +var $author$project$Main$Loading = {$: 'Loading'}; var $elm$browser$Browser$Dom$getViewport = _Browser_withWindow(_Browser_getViewport); -var $author$project$Example$init = function (_v0) { +var $author$project$Main$init = function (_v0) { return _Utils_Tuple2( - $author$project$Example$Loading, - A2($elm$core$Task$perform, $author$project$Example$GotViewport, $elm$browser$Browser$Dom$getViewport)); + $author$project$Main$Loading, + A2($elm$core$Task$perform, $author$project$Main$GotViewport, $elm$browser$Browser$Dom$getViewport)); }; -var $author$project$Example$LoadedSpecific = function (a) { +var $author$project$Main$LoadedSpecific = function (a) { return {$: 'LoadedSpecific', a: a}; }; -var $author$project$Example$Resized = function (a) { +var $author$project$Main$Resized = function (a) { return {$: 'Resized', a: a}; }; -var $author$project$Example$TimePassed = function (a) { +var $author$project$Main$TimePassed = function (a) { return {$: 'TimePassed', a: a}; }; var $elm$core$Basics$always = F2( @@ -5898,10 +5898,10 @@ var $elm$browser$Browser$Events$onResize = function (func) { A2($elm$json$Json$Decode$field, 'innerWidth', $elm$json$Json$Decode$int), A2($elm$json$Json$Decode$field, 'innerHeight', $elm$json$Json$Decode$int)))); }; -var $author$project$Example$subscriptions = function (model) { +var $author$project$Main$subscriptions = function (_v0) { return A2( $elm$core$Platform$Sub$map, - $author$project$Example$LoadedSpecific, + $author$project$Main$LoadedSpecific, $elm$core$Platform$Sub$batch( _List_fromArray( [ @@ -5909,119 +5909,244 @@ var $author$project$Example$subscriptions = function (model) { $elm$time$Time$every, 50, $elm$core$Basics$always( - $author$project$Example$TimePassed(50))), + $author$project$Main$TimePassed(50))), $elm$browser$Browser$Events$onResize( F2( function (h, w) { - return $author$project$Example$Resized( + return $author$project$Main$Resized( {height: h, width: w}); })) ]))); }; -var $author$project$Example$Loaded = function (a) { +var $author$project$Main$Loaded = function (a) { return {$: 'Loaded', a: a}; }; -var $author$project$Example$Idle = {$: 'Idle'}; -var $author$project$Example$UpdateScrollingNav = function (a) { +var $author$project$Main$Idle = {$: 'Idle'}; +var $author$project$Data$Theme$Material = {$: 'Material'}; +var $author$project$Main$StatelessSpecific = function (a) { + return {$: 'StatelessSpecific', a: a}; +}; +var $author$project$Main$UpdateScrollingNav = function (a) { return {$: 'UpdateScrollingNav', a: a}; }; -var $author$project$Data$Section$ComponentViews = {$: 'ComponentViews'}; -var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'}; -var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'}; -var $author$project$Data$Section$asList = _List_fromArray( - [$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews, $author$project$Data$Section$ComponentViews]); -var $author$project$Data$Section$fromString = function (string) { +var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'}; +var $author$project$Data$Example$DialogExample = {$: 'DialogExample'}; +var $author$project$Data$Example$ExpansionPanelExample = {$: 'ExpansionPanelExample'}; +var $author$project$Data$Example$ListExample = {$: 'ListExample'}; +var $author$project$Data$Example$ModalExample = {$: 'ModalExample'}; +var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'}; +var $author$project$Data$Example$SelectExample = {$: 'SelectExample'}; +var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'}; +var $author$project$Data$Example$TabExample = {$: 'TabExample'}; +var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'}; +var $elm$core$List$sortBy = _List_sortBy; +var $author$project$Data$Example$toString = function (example) { + switch (example.$) { + case 'ButtonExample': + return 'Button'; + case 'SelectExample': + return 'Select'; + case 'MultiSelectExample': + return 'Multi Select'; + case 'ExpansionPanelExample': + return 'ExpansionPanel'; + case 'TabExample': + return 'Tab'; + case 'SortTableExample': + return 'SortTable'; + case 'ModalExample': + return 'Modal'; + case 'DialogExample': + return 'Dialog'; + case 'TextInputExample': + return 'TextInput'; + default: + return 'List'; + } +}; +var $author$project$Data$Example$asList = A2( + $elm$core$List$sortBy, + $author$project$Data$Example$toString, + _List_fromArray( + [$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$ExpansionPanelExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample])); +var $elm$core$Platform$Cmd$batch = _Platform_batch; +var $author$project$Data$Example$fromString = function (string) { switch (string) { - case 'Component': - return $elm$core$Maybe$Just($author$project$Data$Section$ComponentViews); - case 'Reusable': - return $elm$core$Maybe$Just($author$project$Data$Section$ReusableViews); - case 'Stateless': - return $elm$core$Maybe$Just($author$project$Data$Section$StatelessViews); + case 'Button': + return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample); + case 'Select': + return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample); + case 'Multi Select': + return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample); + case 'ExpansionPanel': + return $elm$core$Maybe$Just($author$project$Data$Example$ExpansionPanelExample); + case 'Tab': + return $elm$core$Maybe$Just($author$project$Data$Example$TabExample); + case 'SortTable': + return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample); + case 'Modal': + return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample); + case 'Dialog': + return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample); + case 'TextInput': + return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample); + case 'List': + return $elm$core$Maybe$Just($author$project$Data$Example$ListExample); default: return $elm$core$Maybe$Nothing; } }; +var $author$project$Stateless$ExampleSpecific = function (a) { + return {$: 'ExampleSpecific', a: a}; +}; +var $author$project$Data$Example$Button = function (a) { + return {$: 'Button', a: a}; +}; +var $author$project$Data$Example$Dialog = function (a) { + return {$: 'Dialog', a: a}; +}; +var $author$project$Data$Example$ExpansionPanel = function (a) { + return {$: 'ExpansionPanel', a: a}; +}; +var $author$project$Data$Example$List = function (a) { + return {$: 'List', a: a}; +}; +var $author$project$Data$Example$Modal = function (a) { + return {$: 'Modal', a: a}; +}; +var $author$project$Data$Example$MultiSelect = function (a) { + return {$: 'MultiSelect', a: a}; +}; +var $author$project$Data$Example$Select = function (a) { + return {$: 'Select', a: a}; +}; +var $author$project$Data$Example$SortTable = function (a) { + return {$: 'SortTable', a: a}; +}; +var $author$project$Data$Example$Tab = function (a) { + return {$: 'Tab', a: a}; +}; +var $author$project$Data$Example$TextInput = function (a) { + return {$: 'TextInput', a: a}; +}; +var $author$project$Example$Button$IsButtonEnabled = function (a) { + return {$: 'IsButtonEnabled', a: a}; +}; +var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil); +var $author$project$Example$Button$init = _Utils_Tuple2( + $author$project$Example$Button$IsButtonEnabled(true), + $elm$core$Platform$Cmd$none); +var $author$project$Example$Dialog$IsOpen = function (a) { + return {$: 'IsOpen', a: a}; +}; +var $author$project$Example$Dialog$init = _Utils_Tuple2( + $author$project$Example$Dialog$IsOpen(true), + $elm$core$Platform$Cmd$none); +var $author$project$Example$ExpansionPanel$IsExpanded = function (a) { + return {$: 'IsExpanded', a: a}; +}; +var $author$project$Example$ExpansionPanel$init = _Utils_Tuple2( + $author$project$Example$ExpansionPanel$IsExpanded(false), + $elm$core$Platform$Cmd$none); +var $author$project$Example$List$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none); +var $author$project$Example$Modal$IsEnabled = function (a) { + return {$: 'IsEnabled', a: a}; +}; +var $author$project$Example$Modal$init = _Utils_Tuple2( + $author$project$Example$Modal$IsEnabled(true), + $elm$core$Platform$Cmd$none); +var $author$project$Example$MultiSelect$Selected = function (a) { + return {$: 'Selected', a: a}; +}; var $elm$core$Set$Set_elm_builtin = function (a) { return {$: 'Set_elm_builtin', a: a}; }; var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty); -var $elm$core$Set$insert = F2( - function (key, _v0) { - var dict = _v0.a; - return $elm$core$Set$Set_elm_builtin( - A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict)); - }); -var $elm$core$Set$fromList = function (list) { - return A3($elm$core$List$foldl, $elm$core$Set$insert, $elm$core$Set$empty, list); +var $author$project$Example$MultiSelect$init = _Utils_Tuple2( + $author$project$Example$MultiSelect$Selected($elm$core$Set$empty), + $elm$core$Platform$Cmd$none); +var $author$project$Example$Select$Selected = function (a) { + return {$: 'Selected', a: a}; }; -var $author$project$Widget$FilterMultiSelect$init = function (options) { - return {options: options, raw: '', selected: $elm$core$Set$empty}; +var $author$project$Example$Select$init = _Utils_Tuple2( + $author$project$Example$Select$Selected($elm$core$Maybe$Nothing), + $elm$core$Platform$Cmd$none); +var $author$project$Example$SortTable$init = _Utils_Tuple2( + {asc: true, title: 'Name'}, + $elm$core$Platform$Cmd$none); +var $author$project$Example$Tab$Selected = function (a) { + return {$: 'Selected', a: a}; }; -var $author$project$Widget$FilterSelect$init = function (options) { - return {options: options, raw: '', selected: $elm$core$Maybe$Nothing}; -}; -var $author$project$Widget$ValidatedInput$Model = function (a) { - return {$: 'Model', a: a}; -}; -var $author$project$Widget$ValidatedInput$init = function (_v0) { - var validator = _v0.validator; - var toString = _v0.toString; - var value = _v0.value; - return $author$project$Widget$ValidatedInput$Model( - {err: $elm$core$Maybe$Nothing, raw: $elm$core$Maybe$Nothing, toString: toString, validator: validator, value: value}); -}; -var $author$project$Component$init = { - filterMultiSelect: $author$project$Widget$FilterMultiSelect$init( - $elm$core$Set$fromList( +var $author$project$Example$Tab$init = _Utils_Tuple2( + $author$project$Example$Tab$Selected($elm$core$Maybe$Nothing), + $elm$core$Platform$Cmd$none); +var $author$project$Example$TextInput$init = _Utils_Tuple2( + {chipTextInput: $elm$core$Set$empty, textInput: ''}, + $elm$core$Platform$Cmd$none); +var $elm$core$Platform$Cmd$map = _Platform_map; +var $author$project$Data$Example$init = function () { + var _v0 = $author$project$Example$TextInput$init; + var textInputModel = _v0.a; + var textInputMsg = _v0.b; + var _v1 = $author$project$Example$Tab$init; + var tabModel = _v1.a; + var tabMsg = _v1.b; + var _v2 = $author$project$Example$SortTable$init; + var sortTableModel = _v2.a; + var sortTableMsg = _v2.b; + var _v3 = $author$project$Example$Select$init; + var selectModel = _v3.a; + var selectMsg = _v3.b; + var _v4 = $author$project$Example$MultiSelect$init; + var multiSelectModel = _v4.a; + var multiSelectMsg = _v4.b; + var _v5 = $author$project$Example$Modal$init; + var modalModel = _v5.a; + var modalMsg = _v5.b; + var _v6 = $author$project$Example$List$init; + var listModel = _v6.a; + var listMsg = _v6.b; + var _v7 = $author$project$Example$ExpansionPanel$init; + var expansionPanelModel = _v7.a; + var expansionPanelMsg = _v7.b; + var _v8 = $author$project$Example$Dialog$init; + var dialogModel = _v8.a; + var dialogMsg = _v8.b; + var _v9 = $author$project$Example$Button$init; + var buttonModel = _v9.a; + var buttonMsg = _v9.b; + return _Utils_Tuple2( + {button: buttonModel, dialog: dialogModel, expansionPanel: expansionPanelModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, select: selectModel, sortTable: sortTableModel, tab: tabModel, textInput: textInputModel}, + $elm$core$Platform$Cmd$batch( _List_fromArray( - ['Apple', 'Kiwi', 'Strawberry', 'Pineapple', 'Mango', 'Grapes', 'Watermelon', 'Orange', 'Lemon', 'Blueberry', 'Grapefruit', 'Coconut', 'Cherry', 'Banana']))), - filterSelect: $author$project$Widget$FilterSelect$init( - $elm$core$Set$fromList( - _List_fromArray( - ['Apple', 'Kiwi', 'Strawberry', 'Pineapple', 'Mango', 'Grapes', 'Watermelon', 'Orange', 'Lemon', 'Blueberry', 'Grapefruit', 'Coconut', 'Cherry', 'Banana']))), - validatedInput: $author$project$Widget$ValidatedInput$init( - { - toString: function (_v0) { - var first = _v0.a; - var second = _v0.b; - return first + (' ' + second); - }, - validator: function (string) { - var _v1 = A2($elm$core$String$split, ' ', string); - if ((_v1.b && _v1.b.b) && (!_v1.b.b.b)) { - var first = _v1.a; - var _v2 = _v1.b; - var second = _v2.a; - return $elm$core$Result$Ok( - _Utils_Tuple2(first, second)); - } else { - return $elm$core$Result$Err(_Utils_Tuple0); - } - }, - value: _Utils_Tuple2('John', 'Doe') - }) -}; + [ + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ExpansionPanel, expansionPanelMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg), + A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg) + ]))); +}(); +var $author$project$Stateless$init = function () { + var _v0 = $author$project$Data$Example$init; + var example = _v0.a; + var cmd = _v0.b; + return _Utils_Tuple2( + {carousel: 0, example: example}, + A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd)); +}(); var $turboMaCk$queue$Queue$Queue = F2( function (a, b) { return {$: 'Queue', a: a, b: b}; }); var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil); var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty}; -var $author$project$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init}; -var $author$project$Widget$SortTable$sortBy = $elm$core$Basics$identity; -var $author$project$Reusable$init = $author$project$Widget$SortTable$sortBy( - {asc: true, title: 'Name'}); -var $author$project$Stateless$init = { - button: true, - carousel: 0, - chipTextInput: $elm$core$Set$empty, - isCollapsed: false, - multiSelected: $elm$core$Set$empty, - selected: $elm$core$Maybe$Nothing, - tab: $elm$core$Maybe$Just(1), - textInput: '' -}; +var $author$project$Widget$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init}; var $elm$core$Task$onError = _Scheduler_onError; var $elm$core$Task$attempt = F2( function (resultToMessage, task) { @@ -6256,51 +6381,47 @@ var $author$project$Widget$ScrollingNav$init = function (_v0) { }( {arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString}); }; -var $author$project$Data$Section$toString = function (section) { - switch (section.$) { - case 'ComponentViews': - return 'Component'; - case 'ReusableViews': - return 'Reusable'; - default: - return 'Stateless'; - } -}; -var $author$project$Example$initialModel = function (_v0) { +var $author$project$Main$initialModel = function (_v0) { var viewport = _v0.viewport; - var _v1 = $author$project$Widget$ScrollingNav$init( + var _v1 = $author$project$Stateless$init; + var stateless = _v1.a; + var statelessCmd = _v1.b; + var _v2 = $author$project$Widget$ScrollingNav$init( { - arrangement: $author$project$Data$Section$asList, - fromString: $author$project$Data$Section$fromString, + arrangement: $author$project$Data$Example$asList, + fromString: $author$project$Data$Example$fromString, toMsg: function (result) { if (result.$ === 'Ok') { var fun = result.a; - return $author$project$Example$UpdateScrollingNav(fun); + return $author$project$Main$UpdateScrollingNav(fun); } else { - return $author$project$Example$Idle; + return $author$project$Main$Idle; } }, - toString: $author$project$Data$Section$toString + toString: $author$project$Data$Example$toString }); - var scrollingNav = _v1.a; - var cmd = _v1.b; + var scrollingNav = _v2.a; + var cmd = _v2.b; return _Utils_Tuple2( { - component: $author$project$Component$init, displayDialog: false, - layout: $author$project$Layout$init, - reusable: $author$project$Reusable$init, + layout: $author$project$Widget$Layout$init, scrollingNav: scrollingNav, search: {current: '', raw: '', remaining: 0}, - stateless: $author$project$Stateless$init, + stateless: stateless, + theme: $author$project$Data$Theme$Material, window: { height: $elm$core$Basics$round(viewport.height), width: $elm$core$Basics$round(viewport.width) } }, - cmd); + $elm$core$Platform$Cmd$batch( + _List_fromArray( + [ + cmd, + A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd) + ]))); }; -var $elm$core$Platform$Cmd$map = _Platform_map; var $elm$core$Tuple$mapBoth = F3( function (funcA, funcB, _v0) { var x = _v0.a; @@ -6309,18 +6430,10 @@ var $elm$core$Tuple$mapBoth = F3( funcA(x), funcB(y)); }); -var $elm$core$Platform$Cmd$batch = _Platform_batch; -var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil); -var $author$project$Example$AddSnackbar = function (a) { +var $author$project$Main$AddSnackbar = function (a) { return {$: 'AddSnackbar', a: a}; }; -var $author$project$Example$ComponentSpecific = function (a) { - return {$: 'ComponentSpecific', a: a}; -}; -var $author$project$Example$StatelessSpecific = function (a) { - return {$: 'StatelessSpecific', a: a}; -}; -var $author$project$Layout$activate = F2( +var $author$project$Widget$Layout$activate = F2( function (part, layout) { return _Utils_update( layout, @@ -6398,7 +6511,7 @@ var $author$project$Widget$Snackbar$insertFor = F3( } }); var $author$project$Widget$Snackbar$insert = $author$project$Widget$Snackbar$insertFor(10000); -var $author$project$Layout$queueMessage = F2( +var $author$project$Widget$Layout$queueMessage = F2( function (message, layout) { return _Utils_update( layout, @@ -6468,7 +6581,7 @@ var $author$project$Widget$Snackbar$timePassed = F2( }); } }); -var $author$project$Layout$timePassed = F2( +var $author$project$Widget$Layout$timePassed = F2( function (sec, layout) { var _v0 = layout.active; _v0$2: @@ -6494,6 +6607,75 @@ var $author$project$Layout$timePassed = F2( snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar) }); }); +var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil); +var $author$project$Example$Button$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$Dialog$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$ExpansionPanel$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$List$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$Modal$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$MultiSelect$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$Select$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$SortTable$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$Tab$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$TextInput$subscriptions = function (_v0) { + return $elm$core$Platform$Sub$none; +}; +var $author$project$Example$Button$update = F2( + function (msg, _v0) { + var bool = msg.a; + return _Utils_Tuple2( + $author$project$Example$Button$IsButtonEnabled(bool), + $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$Dialog$update = F2( + function (msg, _v0) { + var bool = msg.a; + return _Utils_Tuple2( + $author$project$Example$Dialog$IsOpen(bool), + $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$ExpansionPanel$update = F2( + function (msg, _v0) { + var bool = msg.a; + return _Utils_Tuple2( + $author$project$Example$ExpansionPanel$IsExpanded(bool), + $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$List$update = F2( + function (_v0, _v1) { + return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$Modal$update = F2( + function (msg, _v0) { + var bool = msg.a; + return _Utils_Tuple2( + $author$project$Example$Modal$IsEnabled(bool), + $elm$core$Platform$Cmd$none); + }); +var $elm$core$Set$insert = F2( + function (key, _v0) { + var dict = _v0.a; + return $elm$core$Set$Set_elm_builtin( + A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict)); + }); var $elm$core$Dict$member = F2( function (key, dict) { var _v0 = A2($elm$core$Dict$get, key, dict); @@ -6876,232 +7058,326 @@ var $elm$core$Set$remove = F2( return $elm$core$Set$Set_elm_builtin( A2($elm$core$Dict$remove, key, dict)); }); -var $author$project$Widget$FilterMultiSelect$update = F2( - function (msg, model) { - if (msg.$ === 'ChangedRaw') { - var string = msg.a; - return _Utils_update( - model, - {raw: string}); - } else { - var string = msg.a; - return A2($elm$core$Set$member, string, model.selected) ? _Utils_update( - model, - { - selected: A2($elm$core$Set$remove, string, model.selected) - }) : _Utils_update( - model, - { - raw: '', - selected: A2($elm$core$Set$insert, string, model.selected) - }); - } +var $author$project$Example$MultiSelect$update = F2( + function (msg, _v0) { + var selected = _v0.a; + var _int = msg.a; + return _Utils_Tuple2( + $author$project$Example$MultiSelect$Selected( + (A2($elm$core$Set$member, _int, selected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(selected)), + $elm$core$Platform$Cmd$none); }); -var $author$project$Widget$FilterSelect$update = F2( +var $author$project$Example$Select$update = F2( + function (msg, _v0) { + var _int = msg.a; + return _Utils_Tuple2( + $author$project$Example$Select$Selected( + $elm$core$Maybe$Just(_int)), + $elm$core$Platform$Cmd$none); + }); +var $elm$core$Basics$not = _Basics_not; +var $author$project$Example$SortTable$update = F2( function (msg, model) { - if (msg.$ === 'ChangedRaw') { + var string = msg.a; + return _Utils_Tuple2( + { + asc: _Utils_eq(model.title, string) ? (!model.asc) : true, + title: string + }, + $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$Tab$update = F2( + function (msg, _v0) { + var _int = msg.a; + return _Utils_Tuple2( + $author$project$Example$Tab$Selected( + $elm$core$Maybe$Just(_int)), + $elm$core$Platform$Cmd$none); + }); +var $author$project$Example$TextInput$update = F2( + function (msg, model) { + if (msg.$ === 'ToggleTextInputChip') { var string = msg.a; - return _Utils_update( - model, - {raw: string}); - } else { - var maybe = msg.a; - return function () { - if (maybe.$ === 'Just') { - var string = maybe.a; - return function (m) { - return _Utils_update( - m, - {raw: string}); - }; - } else { - return $elm$core$Basics$identity; - } - }()( + return _Utils_Tuple2( _Utils_update( model, - {selected: maybe})); + { + chipTextInput: (A2($elm$core$Set$member, string, model.chipTextInput) ? $elm$core$Set$remove(string) : $elm$core$Set$insert(string))(model.chipTextInput) + }), + $elm$core$Platform$Cmd$none); + } else { + var string = msg.a; + return _Utils_Tuple2( + _Utils_update( + model, + {textInput: string}), + $elm$core$Platform$Cmd$none); } }); -var $author$project$Widget$ValidatedInput$update = F2( - function (msg, _v0) { - var model = _v0.a; - switch (msg.$) { - case 'StartEditing': - return $author$project$Widget$ValidatedInput$Model( - _Utils_update( - model, - { - raw: $elm$core$Maybe$Just( - model.toString(model.value)) - })); - case 'ChangedRaw': - var string = msg.a; - return $author$project$Widget$ValidatedInput$Model( - _Utils_update( - model, - { - err: $elm$core$Maybe$Nothing, - raw: $elm$core$Maybe$Just(string) - })); - default: - var _v2 = model.raw; - if (_v2.$ === 'Just') { - var string = _v2.a; - var _v3 = model.validator(string); - if (_v3.$ === 'Ok') { - var value = _v3.a; - return $author$project$Widget$ValidatedInput$Model( - _Utils_update( - model, - {err: $elm$core$Maybe$Nothing, raw: $elm$core$Maybe$Nothing, value: value})); - } else { - var err = _v3.a; - return $author$project$Widget$ValidatedInput$Model( - _Utils_update( - model, - { - err: $elm$core$Maybe$Just(err), - raw: $elm$core$Maybe$Nothing - })); - } - } else { - return $author$project$Widget$ValidatedInput$Model(model); - } - } +var $author$project$Data$Example$upgradeRecord = { + button: { + from: function ($) { + return $.button; + }, + msgMapper: $author$project$Data$Example$Button, + subscriptionsFun: $author$project$Example$Button$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {button: a}); + }), + updateFun: $author$project$Example$Button$update + }, + dialog: { + from: function ($) { + return $.dialog; + }, + msgMapper: $author$project$Data$Example$Dialog, + subscriptionsFun: $author$project$Example$Dialog$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {dialog: a}); + }), + updateFun: $author$project$Example$Dialog$update + }, + expansionPanel: { + from: function ($) { + return $.expansionPanel; + }, + msgMapper: $author$project$Data$Example$ExpansionPanel, + subscriptionsFun: $author$project$Example$ExpansionPanel$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {expansionPanel: a}); + }), + updateFun: $author$project$Example$ExpansionPanel$update + }, + list: { + from: function ($) { + return $.list; + }, + msgMapper: $author$project$Data$Example$List, + subscriptionsFun: $author$project$Example$List$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {list: a}); + }), + updateFun: $author$project$Example$List$update + }, + modal: { + from: function ($) { + return $.modal; + }, + msgMapper: $author$project$Data$Example$Modal, + subscriptionsFun: $author$project$Example$Modal$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {modal: a}); + }), + updateFun: $author$project$Example$Modal$update + }, + multiSelect: { + from: function ($) { + return $.multiSelect; + }, + msgMapper: $author$project$Data$Example$MultiSelect, + subscriptionsFun: $author$project$Example$MultiSelect$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {multiSelect: a}); + }), + updateFun: $author$project$Example$MultiSelect$update + }, + select: { + from: function ($) { + return $.select; + }, + msgMapper: $author$project$Data$Example$Select, + subscriptionsFun: $author$project$Example$Select$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {select: a}); + }), + updateFun: $author$project$Example$Select$update + }, + sortTable: { + from: function ($) { + return $.sortTable; + }, + msgMapper: $author$project$Data$Example$SortTable, + subscriptionsFun: $author$project$Example$SortTable$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {sortTable: a}); + }), + updateFun: $author$project$Example$SortTable$update + }, + tab: { + from: function ($) { + return $.tab; + }, + msgMapper: $author$project$Data$Example$Tab, + subscriptionsFun: $author$project$Example$Tab$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {tab: a}); + }), + updateFun: $author$project$Example$Tab$update + }, + textInput: { + from: function ($) { + return $.textInput; + }, + msgMapper: $author$project$Data$Example$TextInput, + subscriptionsFun: $author$project$Example$TextInput$subscriptions, + to: F2( + function (model, a) { + return _Utils_update( + model, + {textInput: a}); + }), + updateFun: $author$project$Example$TextInput$update + } +}; +var $author$project$Data$Example$updateField = F3( + function (getter, msg, model) { + var _v0 = getter($author$project$Data$Example$upgradeRecord); + var from = _v0.from; + var to = _v0.to; + var msgMapper = _v0.msgMapper; + var updateFun = _v0.updateFun; + return A3( + $elm$core$Tuple$mapBoth, + to(model), + $elm$core$Platform$Cmd$map(msgMapper), + A2( + updateFun, + msg, + from(model))); }); -var $author$project$Component$update = F2( +var $author$project$Data$Example$update = F2( function (msg, model) { - switch (msg.$) { - case 'FilterSelectSpecific': - var m = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - filterSelect: A2($author$project$Widget$FilterSelect$update, m, model.filterSelect) - }), - $elm$core$Platform$Cmd$none); - case 'FilterMultiSelectSpecific': - var m = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - filterMultiSelect: A2($author$project$Widget$FilterMultiSelect$update, m, model.filterMultiSelect) - }), - $elm$core$Platform$Cmd$none); - default: - var m = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - validatedInput: A2($author$project$Widget$ValidatedInput$update, m, model.validatedInput) - }), - $elm$core$Platform$Cmd$none); - } - }); -var $author$project$Reusable$update = F2( - function (msg, model) { - var m = msg.a; - return m; + return function () { + switch (msg.$) { + case 'Button': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.button; + }, + m); + case 'Select': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.select; + }, + m); + case 'MultiSelect': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.multiSelect; + }, + m); + case 'ExpansionPanel': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.expansionPanel; + }, + m); + case 'Tab': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.tab; + }, + m); + case 'SortTable': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.sortTable; + }, + m); + case 'Modal': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.modal; + }, + m); + case 'Dialog': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.dialog; + }, + m); + case 'TextInput': + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.textInput; + }, + m); + default: + var m = msg.a; + return A2( + $author$project$Data$Example$updateField, + function ($) { + return $.list; + }, + m); + } + }()(model); }); var $author$project$Stateless$update = F2( function (msg, model) { - switch (msg.$) { - case 'ChangedSelected': - var _int = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - selected: $elm$core$Maybe$Just(_int) - }), - $elm$core$Platform$Cmd$none); - case 'ChangedMultiSelected': - var _int = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - multiSelected: (A2($elm$core$Set$member, _int, model.multiSelected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(model.multiSelected) - }), - $elm$core$Platform$Cmd$none); - case 'ToggleCollapsable': - var bool = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - {isCollapsed: bool}), - $elm$core$Platform$Cmd$none); - case 'ToggleTextInputChip': - var string = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - chipTextInput: (A2($elm$core$Set$member, string, model.chipTextInput) ? $elm$core$Set$remove(string) : $elm$core$Set$insert(string))(model.chipTextInput) - }), - $elm$core$Platform$Cmd$none); - case 'SetCarousel': - var _int = msg.a; - return _Utils_Tuple2( - ((_int < 0) || (_int > 3)) ? model : _Utils_update( - model, - {carousel: _int}), - $elm$core$Platform$Cmd$none); - case 'ChangedTab': - var _int = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - { - tab: $elm$core$Maybe$Just(_int) - }), - $elm$core$Platform$Cmd$none); - case 'ToggleButton': - var bool = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - {button: bool}), - $elm$core$Platform$Cmd$none); - case 'SetTextInput': - var string = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - {textInput: string}), - $elm$core$Platform$Cmd$none); - default: - return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); + if (msg.$ === 'ExampleSpecific') { + var exampleMsg = msg.a; + var _v1 = A2($author$project$Data$Example$update, exampleMsg, model.example); + var exampleModel = _v1.a; + var exampleCmd = _v1.b; + return _Utils_Tuple2( + _Utils_update( + model, + {example: exampleModel}), + A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, exampleCmd)); + } else { + return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); } }); -var $author$project$Example$updateLoaded = F2( +var $author$project$Main$updateLoaded = F2( function (msg, model) { switch (msg.$) { - case 'ComponentSpecific': - var m = msg.a; - return A3( - $elm$core$Tuple$mapBoth, - function (component) { - return _Utils_update( - model, - {component: component}); - }, - $elm$core$Platform$Cmd$map($author$project$Example$ComponentSpecific), - A2($author$project$Component$update, m, model.component)); - case 'ReusableSpecific': - var m = msg.a; - return _Utils_Tuple2( - function (reusable) { - return _Utils_update( - model, - {reusable: reusable}); - }( - A2($author$project$Reusable$update, m, model.reusable)), - $elm$core$Platform$Cmd$none); case 'StatelessSpecific': var m = msg.a; return A3( @@ -7111,7 +7387,7 @@ var $author$project$Example$updateLoaded = F2( model, {stateless: stateless}); }, - $elm$core$Platform$Cmd$map($author$project$Example$StatelessSpecific), + $elm$core$Platform$Cmd$map($author$project$Main$StatelessSpecific), A2($author$project$Stateless$update, m, model.stateless)); case 'UpdateScrollingNav': var fun = msg.a; @@ -7129,14 +7405,14 @@ var $author$project$Example$updateLoaded = F2( _Utils_update( model, { - layout: A2($author$project$Layout$timePassed, _int, model.layout), + layout: A2($author$project$Widget$Layout$timePassed, _int, model.layout), search: (search.remaining > 0) ? ((_Utils_cmp(search.remaining, _int) < 1) ? _Utils_update( search, {current: search.raw, remaining: 0}) : _Utils_update( search, {remaining: search.remaining - _int})) : model.search }), - A2($elm$core$Task$perform, $author$project$Example$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos)); + A2($elm$core$Task$perform, $author$project$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos)); case 'AddSnackbar': var _v1 = msg.a; var string = _v1.a; @@ -7146,12 +7422,12 @@ var $author$project$Example$updateLoaded = F2( model, { layout: A2( - $author$project$Layout$queueMessage, + $author$project$Widget$Layout$queueMessage, { button: bool ? $elm$core$Maybe$Just( { onPress: $elm$core$Maybe$Just( - $author$project$Example$AddSnackbar( + $author$project$Main$AddSnackbar( _Utils_Tuple2('This is another message', false))), text: 'Add' }) : $elm$core$Maybe$Nothing, @@ -7180,7 +7456,7 @@ var $author$project$Example$updateLoaded = F2( _Utils_update( model, { - layout: A2($author$project$Layout$activate, sidebar, model.layout) + layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout) }), $elm$core$Platform$Cmd$none); case 'Load': @@ -7195,7 +7471,7 @@ var $author$project$Example$updateLoaded = F2( A2( $author$project$Widget$ScrollingNav$jumpTo, { - onChange: $elm$core$Basics$always($author$project$Example$Idle), + onChange: $elm$core$Basics$always($author$project$Main$Idle), section: section }, model.scrollingNav)); @@ -7211,11 +7487,18 @@ var $author$project$Example$updateLoaded = F2( {raw: string, remaining: 300}) }), $elm$core$Platform$Cmd$none); + case 'SetTheme': + var theme = msg.a; + return _Utils_Tuple2( + _Utils_update( + model, + {theme: theme}), + $elm$core$Platform$Cmd$none); default: return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); } }); -var $author$project$Example$update = F2( +var $author$project$Main$update = F2( function (msg, model) { var _v0 = _Utils_Tuple2(model, msg); _v0$2: @@ -7226,9 +7509,9 @@ var $author$project$Example$update = F2( var viewport = _v0.b.a; return A3( $elm$core$Tuple$mapBoth, - $author$project$Example$Loaded, - $elm$core$Platform$Cmd$map($author$project$Example$LoadedSpecific), - $author$project$Example$initialModel(viewport)); + $author$project$Main$Loaded, + $elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific), + $author$project$Main$initialModel(viewport)); } else { break _v0$2; } @@ -7238,9 +7521,9 @@ var $author$project$Example$update = F2( var m = _v0.b.a; return A3( $elm$core$Tuple$mapBoth, - $author$project$Example$Loaded, - $elm$core$Platform$Cmd$map($author$project$Example$LoadedSpecific), - A2($author$project$Example$updateLoaded, m, state)); + $author$project$Main$Loaded, + $elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific), + A2($author$project$Main$updateLoaded, m, state)); } else { break _v0$2; } @@ -7248,22 +7531,27 @@ var $author$project$Example$update = F2( } return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); }); -var $author$project$Example$ChangedSearch = function (a) { +var $author$project$Main$ChangedSearch = function (a) { return {$: 'ChangedSearch', a: a}; }; -var $author$project$Example$ChangedSidebar = function (a) { +var $author$project$Main$ChangedSidebar = function (a) { return {$: 'ChangedSidebar', a: a}; }; -var $author$project$Example$JumpTo = function (a) { +var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'}; +var $author$project$Data$Theme$ElmUiFramework = {$: 'ElmUiFramework'}; +var $author$project$Main$JumpTo = function (a) { return {$: 'JumpTo', a: a}; }; -var $author$project$Example$Load = function (a) { +var $author$project$Main$Load = function (a) { return {$: 'Load', a: a}; }; -var $author$project$Example$ReusableSpecific = function (a) { - return {$: 'ReusableSpecific', a: a}; +var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'}; +var $author$project$Main$SetTheme = function (a) { + return {$: 'SetTheme', a: a}; }; -var $author$project$Example$ToggleDialog = function (a) { +var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'}; +var $author$project$Data$Theme$Template = {$: 'Template'}; +var $author$project$Main$ToggleDialog = function (a) { return {$: 'ToggleDialog', a: a}; }; var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d'); @@ -7319,25 +7607,6 @@ var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) { }; var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'}; var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX); -var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle'); -var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx'); -var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy'); -var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r'); -var $author$project$Icons$circle = A2( - $author$project$Icons$svgFeatherIcon, - 'circle', - _List_fromArray( - [ - A2( - $elm$svg$Svg$circle, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$cx('12'), - $elm$svg$Svg$Attributes$cy('12'), - $elm$svg$Svg$Attributes$r('10') - ]), - _List_Nil) - ])); var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) { return {$: 'Unkeyed', a: a}; }; @@ -10890,7 +11159,6 @@ var $elm$virtual_dom$VirtualDom$keyedNode = function (tag) { return _VirtualDom_keyedNode( _VirtualDom_noScript(tag)); }; -var $elm$core$Basics$not = _Basics_not; var $elm$html$Html$p = _VirtualDom_node('p'); var $mdgriffith$elm_ui$Internal$Flag$present = F2( function (myFlag, _v0) { @@ -12707,6 +12975,44 @@ var $mdgriffith$elm_ui$Element$column = F2( attrs))), $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); }); +var $mdgriffith$elm_ui$Element$el = F2( + function (attrs, child) { + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), + attrs)), + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [child]))); + }); +var $author$project$Internal$List$internal = F2( + function (style, list) { + return A2( + $elm$core$List$indexedMap, + function (i) { + return $mdgriffith$elm_ui$Element$el( + _Utils_ap( + style.element, + ($elm$core$List$length(list) === 1) ? _List_Nil : ((!i) ? style.ifFirst : (_Utils_eq( + i, + $elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise)))); + }, + list); + }); +var $author$project$Internal$List$column = function (style) { + return A2( + $elm$core$Basics$composeR, + $author$project$Internal$List$internal(style), + $mdgriffith$elm_ui$Element$column(style.containerColumn)); +}; +var $author$project$Widget$column = $author$project$Internal$List$column; var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) { return {$: 'AlignY', a: a}; }; @@ -12800,6 +13106,7 @@ var $Orasund$elm_ui_framework$Framework$container = _List_fromArray( ]); var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'}; var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right); +<<<<<<< HEAD var $mdgriffith$elm_ui$Element$el = F2( function (attrs, child) { return A4( @@ -12819,6 +13126,125 @@ var $mdgriffith$elm_ui$Element$el = F2( }); var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'}; var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty; +======= +var $mdgriffith$elm_ui$Internal$Model$Class = F2( + function (a, b) { + return {$: 'Class', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20); +var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip); +var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'}; +var $mdgriffith$elm_ui$Internal$Model$Nearby = F2( + function (a, b) { + return {$: 'Nearby', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'}; +var $mdgriffith$elm_ui$Element$createNearby = F2( + function (loc, element) { + if (element.$ === 'Empty') { + return $mdgriffith$elm_ui$Internal$Model$NoAttribute; + } else { + return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element); + } + }); +var $mdgriffith$elm_ui$Element$inFront = function (element) { + return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element); +}; +var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'}; +var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty; +var $elm$virtual_dom$VirtualDom$Normal = function (a) { + return {$: 'Normal', a: a}; +}; +var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on; +var $elm$html$Html$Events$on = F2( + function (event, decoder) { + return A2( + $elm$virtual_dom$VirtualDom$on, + event, + $elm$virtual_dom$VirtualDom$Normal(decoder)); + }); +var $elm$html$Html$Events$onClick = function (msg) { + return A2( + $elm$html$Html$Events$on, + 'click', + $elm$json$Json$Decode$succeed(msg)); +}; +var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick); +var $mdgriffith$elm_ui$Element$rgba255 = F4( + function (red, green, blue, a) { + return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a); + }); +var $elm$core$List$singleton = function (value) { + return _List_fromArray( + [value]); +}; +var $author$project$Internal$Dialog$modal = function (_v0) { + var onDismiss = _v0.onDismiss; + var content = _v0.content; + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$inFront( + A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$Background$color( + A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5)) + ]), + A2( + $elm$core$Maybe$withDefault, + _List_Nil, + A2( + $elm$core$Maybe$map, + A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton), + onDismiss))), + $mdgriffith$elm_ui$Element$none)), + $mdgriffith$elm_ui$Element$inFront(content), + $mdgriffith$elm_ui$Element$clip + ]); +}; +var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'}; +var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3( + function (a, b, c) { + return {$: 'SpacingStyle', a: a, b: b, c: c}; + }); +var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3); +var $mdgriffith$elm_ui$Internal$Model$spacingName = F2( + function (x, y) { + return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))); + }); +var $mdgriffith$elm_ui$Element$spacing = function (x) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$spacing, + A3( + $mdgriffith$elm_ui$Internal$Model$SpacingStyle, + A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x), + x, + x)); +}; +var $mdgriffith$elm_ui$Element$paragraph = F2( + function (attrs, children) { + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asParagraph, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$spacing(5), + attrs))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); + }); +>>>>>>> cc2ca06... finishing the material design var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'}; var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow; var $mdgriffith$elm_ui$Element$row = F2( @@ -13032,15 +13458,18 @@ var $author$project$Widget$Button$view = F2( $mdgriffith$elm_ui$Element$Input$button, _Utils_ap( style.container, - _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.disabled : _List_Nil), + _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise), { label: A2( $mdgriffith$elm_ui$Element$row, - style.label, + style.labelRow, _List_fromArray( [ A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(text) + A2( + $mdgriffith$elm_ui$Element$el, + style.text, + $mdgriffith$elm_ui$Element$text(text)) ])), onPress: onPress }); @@ -13057,9 +13486,10 @@ var $author$project$Widget$Button$viewTextOnly = F2( var $author$project$Widget$dialog = F2( function (style, _v0) { var title = _v0.title; - var body = _v0.body; + var text = _v0.text; var accept = _v0.accept; var dismiss = _v0.dismiss; +<<<<<<< HEAD return { content: A2( $mdgriffith$elm_ui$Element$column, @@ -13097,6 +13527,59 @@ var $author$project$Widget$dialog = F2( var _v2 = _v1.b; return $elm$core$List$singleton( A2($author$project$Widget$Button$viewTextOnly, style.accept, acceptButton)); +======= + return $author$project$Internal$Dialog$modal( + { + content: A2( + $mdgriffith$elm_ui$Element$column, + _Utils_ap( + _List_fromArray( + [$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]), + style.containerColumn), + _List_fromArray( + [ + A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Element$none, + A2( + $elm$core$Maybe$map, + A2( + $elm$core$Basics$composeR, + $mdgriffith$elm_ui$Element$text, + $mdgriffith$elm_ui$Element$el(style.title)), + title)), + A2( + $mdgriffith$elm_ui$Element$paragraph, + style.text, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text(text))), + A2( + $mdgriffith$elm_ui$Element$row, + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$alignRight, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + ]), + style.buttonRow), + function () { + var _v1 = _Utils_Tuple2(accept, dismiss); + if (_v1.a.$ === 'Just') { + if (_v1.b.$ === 'Nothing') { + var acceptButton = _v1.a.a; + var _v2 = _v1.b; + return $elm$core$List$singleton( + A2($author$project$Internal$Button$textButton, style.acceptButton, acceptButton)); + } else { + var acceptButton = _v1.a.a; + var dismissButton = _v1.b.a; + return _List_fromArray( + [ + A2($author$project$Internal$Button$textButton, style.dismissButton, dismissButton), + A2($author$project$Internal$Button$textButton, style.acceptButton, acceptButton) + ]); + } +>>>>>>> cc2ca06... finishing the material design } else { var acceptButton = _v1.a.a; var dismissButton = _v1.b.a; @@ -13284,189 +13767,49 @@ var $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$F var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3); var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always); var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled; -var $mdgriffith$elm_ui$Internal$Model$Min = F2( - function (a, b) { - return {$: 'Min', a: a, b: b}; - }); -var $mdgriffith$elm_ui$Element$minimum = F2( - function (i, l) { - return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l); - }); -var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28); -var $mdgriffith$elm_ui$Element$Border$color = function (clr) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$borderColor, - A3( - $mdgriffith$elm_ui$Internal$Model$Colored, - 'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr), - 'border-color', - clr)); -}; -var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245); -var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey) - ]); -var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219); -var $mdgriffith$elm_ui$Element$rgba = $mdgriffith$elm_ui$Internal$Model$Rgba; -var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) { - return $elm$core$String$concat( - _List_fromArray( - [ - shadow.inset ? 'box-inset' : 'box-', - $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.a) + 'px', - $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.b) + 'px', - $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.blur) + 'px', - $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.size) + 'px', - $mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.color) - ])); -}; -var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19); -var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) { - var shade = {blur: almostShade.blur, color: almostShade.color, inset: false, offset: almostShade.offset, size: almostShade.size}; - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$shadows, - A3( - $mdgriffith$elm_ui$Internal$Model$Single, - $mdgriffith$elm_ui$Internal$Model$boxShadowClass(shade), - 'box-shadow', - $mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade))); -}; -var $mdgriffith$elm_ui$Element$paddingXY = F2( - function (x, y) { - return _Utils_eq(x, y) ? A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$padding, - A5( - $mdgriffith$elm_ui$Internal$Model$PaddingStyle, - 'p-' + $elm$core$String$fromInt(x), - x, - x, - x, - x)) : A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$padding, - A5( - $mdgriffith$elm_ui$Internal$Model$PaddingStyle, - 'p-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))), - y, - x, - y, - x)); - }); -var $mdgriffith$elm_ui$Internal$Flag$borderRound = $mdgriffith$elm_ui$Internal$Flag$flag(17); -var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$borderRound, - A3( - $mdgriffith$elm_ui$Internal$Model$Single, - 'br-' + $elm$core$String$fromInt(radius), - 'border-radius', - $elm$core$String$fromInt(radius) + 'px')); -}; -var $Orasund$elm_ui_framework$Framework$Color$simple = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey) - ]); -var $Orasund$elm_ui_framework$Framework$Tag$simple = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$simple, +var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr; +var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id'); +var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map; +var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle'); +var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx'); +var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy'); +var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r'); +var $author$project$Icons$penTool = A2( + $author$project$Icons$svgFeatherIcon, + 'pen-tool', _List_fromArray( [ - $mdgriffith$elm_ui$Element$Border$rounded(4), - A2($mdgriffith$elm_ui$Element$paddingXY, 7, 4) - ])); -var $mdgriffith$elm_ui$Internal$Model$BorderWidth = F5( - function (a, b, c, d, e) { - return {$: 'BorderWidth', a: a, b: b, c: c, d: d, e: e}; - }); -var $mdgriffith$elm_ui$Element$Border$width = function (v) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$borderWidth, - A5( - $mdgriffith$elm_ui$Internal$Model$BorderWidth, - 'b-' + $elm$core$String$fromInt(v), - v, - v, - v, - v)); -}; -var $Orasund$elm_ui_framework$Framework$Card$simple = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Tag$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$light, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$shadow( - { - blur: 10, - color: A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0.05), - offset: _Utils_Tuple2(0, 2), - size: 1 - }), - $mdgriffith$elm_ui$Element$Border$width(1), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), - $mdgriffith$elm_ui$Element$alignTop, - $mdgriffith$elm_ui$Element$padding(20), - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) - ]))); -var $Orasund$elm_ui_framework$Framework$Card$withSize = function (_int) { - return _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width( - A2( - $mdgriffith$elm_ui$Element$minimum, - 240, - A2($mdgriffith$elm_ui$Element$maximum, _int, $mdgriffith$elm_ui$Element$fill))) - ])); -}; -var $Orasund$elm_ui_framework$Framework$Card$large = $Orasund$elm_ui_framework$Framework$Card$withSize(480); -var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map; -var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'}; -var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3( - function (a, b, c) { - return {$: 'SpacingStyle', a: a, b: b, c: c}; - }); -var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3); -var $mdgriffith$elm_ui$Internal$Model$spacingName = F2( - function (x, y) { - return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))); - }); -var $mdgriffith$elm_ui$Element$spacing = function (x) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$spacing, - A3( - $mdgriffith$elm_ui$Internal$Model$SpacingStyle, - A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x), - x, - x)); -}; -var $mdgriffith$elm_ui$Element$paragraph = F2( - function (attrs, children) { - return A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asParagraph, - $mdgriffith$elm_ui$Internal$Model$div, A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$spacing(5), - attrs))), - $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); - }); + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z') + ]), + _List_Nil), + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z') + ]), + _List_Nil), + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M2 2l7.586 7.586') + ]), + _List_Nil), + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('11'), + $elm$svg$Svg$Attributes$cy('11'), + $elm$svg$Svg$Attributes$r('2') + ]), + _List_Nil) + ])); var $mdgriffith$elm_ui$Internal$Model$Px = function (a) { return {$: 'Px', a: a}; }; @@ -13484,6 +13827,23 @@ var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) { fontColor)); }; var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18); +var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28); +var $mdgriffith$elm_ui$Element$Border$color = function (clr) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$borderColor, + A3( + $mdgriffith$elm_ui$Internal$Model$Colored, + 'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr), + 'border-color', + clr)); +}; +var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245); +var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey) + ]); var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap( _List_fromArray( [ @@ -13785,12 +14145,29 @@ var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2( A2($Orasund$elm_ui_framework$Framework$layout, attributes, view) ])); }); +var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219); var $Orasund$elm_ui_framework$Framework$Grid$simple = _List_fromArray( [ $mdgriffith$elm_ui$Element$spacing(10), $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), $mdgriffith$elm_ui$Element$alignTop ]); +var $mdgriffith$elm_ui$Internal$Model$BorderWidth = F5( + function (a, b, c, d, e) { + return {$: 'BorderWidth', a: a, b: b, c: c, d: d, e: e}; + }); +var $mdgriffith$elm_ui$Element$Border$width = function (v) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$borderWidth, + A5( + $mdgriffith$elm_ui$Internal$Model$BorderWidth, + 'b-' + $elm$core$String$fromInt(v), + v, + v, + v, + v)); +}; var $mdgriffith$elm_ui$Element$Border$widthXY = F2( function (x, y) { return A2( @@ -13830,6 +14207,7 @@ var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap( $mdgriffith$elm_ui$Element$paddingEach( {bottom: 30, left: 0, right: 0, top: 10}) ])); +<<<<<<< HEAD var $elm$svg$Svg$rect = $elm$svg$Svg$trustedNode('rect'); var $elm$svg$Svg$Attributes$rx = _VirtualDom_attribute('rx'); var $elm$svg$Svg$Attributes$ry = _VirtualDom_attribute('ry'); @@ -13920,349 +14298,7 @@ var $mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle = F2( var htmlAttr = attr.a; return $mdgriffith$elm_ui$Internal$Model$Attr( A2($elm$virtual_dom$VirtualDom$mapAttribute, fn, htmlAttr)); - default: - var fl = attr.a; - var trans = attr.b; - return A2($mdgriffith$elm_ui$Internal$Model$TransformComponent, fl, trans); - } - }); -var $mdgriffith$elm_ui$Internal$Model$removeNever = function (style) { - return A2($mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle, $elm$core$Basics$never, style); -}; -var $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper = F2( - function (attr, _v0) { - var styles = _v0.a; - var trans = _v0.b; - var _v1 = $mdgriffith$elm_ui$Internal$Model$removeNever(attr); - switch (_v1.$) { - case 'StyleClass': - var style = _v1.b; - return _Utils_Tuple2( - A2($elm$core$List$cons, style, styles), - trans); - case 'TransformComponent': - var flag = _v1.a; - var component = _v1.b; - return _Utils_Tuple2( - styles, - A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, trans, component)); - default: - return _Utils_Tuple2(styles, trans); - } - }); -var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) { - var _v0 = A3( - $elm$core$List$foldl, - $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper, - _Utils_Tuple2(_List_Nil, $mdgriffith$elm_ui$Internal$Model$Untransformed), - attrs); - var styles = _v0.a; - var transform = _v0.b; - return A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$Transform(transform), - styles); -}; -var $mdgriffith$elm_ui$Element$focused = function (decs) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$focus, - A2( - $mdgriffith$elm_ui$Internal$Model$PseudoSelector, - $mdgriffith$elm_ui$Internal$Model$Focus, - $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); -}; -var $Orasund$elm_ui_framework$Framework$Color$grey = A3($mdgriffith$elm_ui$Element$rgb255, 122, 122, 122); -var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr; -var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'}; -var $mdgriffith$elm_ui$Internal$Flag$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33); -var $mdgriffith$elm_ui$Element$mouseOver = function (decs) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$hover, - A2( - $mdgriffith$elm_ui$Internal$Model$PseudoSelector, - $mdgriffith$elm_ui$Internal$Model$Hover, - $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); -}; -var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style; -var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style; -var $Orasund$elm_ui_framework$Framework$Color$disabled = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$grey), - $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), - $mdgriffith$elm_ui$Element$focused(_List_Nil), - $mdgriffith$elm_ui$Element$htmlAttribute( - A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed')) - ])); -var $mdgriffith$elm_ui$Element$Font$center = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textCenter); -var $Orasund$elm_ui_framework$Framework$Button$simple = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Font$center, - $mdgriffith$elm_ui$Element$mouseOver( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$grey) - ])), - A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12) - ]))); -var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ])); -var $elm$svg$Svg$line = $elm$svg$Svg$trustedNode('line'); -var $elm$svg$Svg$Attributes$x1 = _VirtualDom_attribute('x1'); -var $elm$svg$Svg$Attributes$x2 = _VirtualDom_attribute('x2'); -var $elm$svg$Svg$Attributes$y1 = _VirtualDom_attribute('y1'); -var $elm$svg$Svg$Attributes$y2 = _VirtualDom_attribute('y2'); -var $author$project$Icons$menu = A2( - $author$project$Icons$svgFeatherIcon, - 'menu', - _List_fromArray( - [ - A2( - $elm$svg$Svg$line, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$x1('3'), - $elm$svg$Svg$Attributes$y1('12'), - $elm$svg$Svg$Attributes$x2('21'), - $elm$svg$Svg$Attributes$y2('12') - ]), - _List_Nil), - A2( - $elm$svg$Svg$line, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$x1('3'), - $elm$svg$Svg$Attributes$y1('6'), - $elm$svg$Svg$Attributes$x2('21'), - $elm$svg$Svg$Attributes$y2('6') - ]), - _List_Nil), - A2( - $elm$svg$Svg$line, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$x1('3'), - $elm$svg$Svg$Attributes$y1('18'), - $elm$svg$Svg$Attributes$x2('21'), - $elm$svg$Svg$Attributes$y2('18') - ]), - _List_Nil) - ])); -var $author$project$Icons$moreVertical = A2( - $author$project$Icons$svgFeatherIcon, - 'more-vertical', - _List_fromArray( - [ - A2( - $elm$svg$Svg$circle, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$cx('12'), - $elm$svg$Svg$Attributes$cy('12'), - $elm$svg$Svg$Attributes$r('1') - ]), - _List_Nil), - A2( - $elm$svg$Svg$circle, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$cx('12'), - $elm$svg$Svg$Attributes$cy('5'), - $elm$svg$Svg$Attributes$r('1') - ]), - _List_Nil), - A2( - $elm$svg$Svg$circle, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$cx('12'), - $elm$svg$Svg$Attributes$cy('19'), - $elm$svg$Svg$Attributes$r('1') - ]), - _List_Nil) - ])); -var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) - ]); -var $author$project$Icons$search = A2( - $author$project$Icons$svgFeatherIcon, - 'search', - _List_fromArray( - [ - A2( - $elm$svg$Svg$circle, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$cx('11'), - $elm$svg$Svg$Attributes$cy('11'), - $elm$svg$Svg$Attributes$r('8') - ]), - _List_Nil), - A2( - $elm$svg$Svg$line, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$x1('21'), - $elm$svg$Svg$Attributes$y1('21'), - $elm$svg$Svg$Attributes$x2('16.65'), - $elm$svg$Svg$Attributes$y2('16.65') - ]), - _List_Nil) - ])); -var $author$project$Example$simpleButton = { - active: $Orasund$elm_ui_framework$Framework$Color$primary, - container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$primary), - disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, - label: $Orasund$elm_ui_framework$Framework$Grid$simple -}; -var $author$project$Example$textButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Button$simple, disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, label: $Orasund$elm_ui_framework$Framework$Grid$simple}; -var $author$project$Example$style = { - dialog: { - accept: $author$project$Example$simpleButton, - buttonRow: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$paddingEach( - {bottom: 0, left: 0, right: 0, top: 28}) - ])), - containerColumn: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width( - A2( - $mdgriffith$elm_ui$Element$minimum, - 280, - A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))) - ]))), - dismiss: $author$project$Example$textButton, - title: $Orasund$elm_ui_framework$Framework$Heading$h3 - }, - header: _Utils_ap( - $Orasund$elm_ui_framework$Framework$container, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$dark, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(0), - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(42)) - ]))), - layout: $Orasund$elm_ui_framework$Framework$responsiveLayout, - menuButton: { - active: $Orasund$elm_ui_framework$Framework$Color$primary, - container: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap($Orasund$elm_ui_framework$Framework$Group$center, $Orasund$elm_ui_framework$Framework$Color$dark)), - disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, - label: $Orasund$elm_ui_framework$Framework$Grid$simple - }, - menuIcon: A2( - $mdgriffith$elm_ui$Element$el, - _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$menu)), - menuTabButton: { - active: _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) - ]), - container: _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(42)), - $mdgriffith$elm_ui$Element$Border$widthEach( - {bottom: 4, left: 0, right: 0, top: 0}), - $mdgriffith$elm_ui$Element$paddingEach( - {bottom: 4, left: 8, right: 8, top: 12}), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$black) - ]), - disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, - label: $Orasund$elm_ui_framework$Framework$Grid$simple - }, - moreVerticalIcon: A2( - $mdgriffith$elm_ui$Element$el, - _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$moreVertical)), - search: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$large, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Font$color( - A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0)), - $mdgriffith$elm_ui$Element$padding(6), - $mdgriffith$elm_ui$Element$centerY, - $mdgriffith$elm_ui$Element$alignRight - ]))), - searchFill: _Utils_ap($Orasund$elm_ui_framework$Framework$Color$light, $Orasund$elm_ui_framework$Framework$Group$center), - searchIcon: A2( - $mdgriffith$elm_ui$Element$el, - _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$search)), - sheet: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$light, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width( - A2($mdgriffith$elm_ui$Element$maximum, 256, $mdgriffith$elm_ui$Element$fill)) - ])), - sheetButton: { - active: $Orasund$elm_ui_framework$Framework$Color$primary, - container: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$fill, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Group$center, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$light, - _List_fromArray( - [$mdgriffith$elm_ui$Element$Font$alignLeft])))), - disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, - label: $Orasund$elm_ui_framework$Framework$Grid$simple - }, - snackbar: { - button: { - active: $Orasund$elm_ui_framework$Framework$Color$primary, - container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$dark), - disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, - label: $Orasund$elm_ui_framework$Framework$Grid$simple - }, - row: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Color$dark, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6), - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(54)) - ])))), - text: _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0) - ]) - }, - spacing: 8, - title: $Orasund$elm_ui_framework$Framework$Heading$h2 -}; +======= var $elm_community$intdict$IntDict$findMin = function (dict) { findMin: while (true) { @@ -14273,6 +14309,7 @@ var $elm_community$intdict$IntDict$findMin = function (dict) { var l = dict.a; return $elm$core$Maybe$Just( _Utils_Tuple2(l.key, l.value)); +>>>>>>> cc2ca06... finishing the material design default: var i = dict.a; var $temp$dict = i.left; @@ -14444,25 +14481,916 @@ var $author$project$Widget$ScrollingNav$toSelect = F2( arrangement))) }; }); -var $author$project$Icons$triangle = A2( +var $avh4$elm_color$Color$RgbaSpace = F4( + function (a, b, c, d) { + return {$: 'RgbaSpace', a: a, b: b, c: c, d: d}; + }); +var $avh4$elm_color$Color$scaleFrom255 = function (c) { + return c / 255; +}; +var $avh4$elm_color$Color$rgb255 = F3( + function (r, g, b) { + return A4( + $avh4$elm_color$Color$RgbaSpace, + $avh4$elm_color$Color$scaleFrom255(r), + $avh4$elm_color$Color$scaleFrom255(g), + $avh4$elm_color$Color$scaleFrom255(b), + 1.0); + }); +var $author$project$Widget$Style$Material$darkPalette = { + background: A3($avh4$elm_color$Color$rgb255, 18, 18, 18), + error: A3($avh4$elm_color$Color$rgb255, 207, 102, 121), + on: { + background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255), + error: A3($avh4$elm_color$Color$rgb255, 0, 0, 0), + primary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0), + secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0), + surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255) + }, + primary: A3($avh4$elm_color$Color$rgb255, 187, 134, 252), + secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198), + surface: A3($avh4$elm_color$Color$rgb255, 18, 18, 18) +}; +var $author$project$Widget$Style$Material$defaultPalette = { + background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255), + error: A3($avh4$elm_color$Color$rgb255, 176, 0, 32), + on: { + background: A3($avh4$elm_color$Color$rgb255, 0, 0, 0), + error: A3($avh4$elm_color$Color$rgb255, 255, 255, 255), + primary: A3($avh4$elm_color$Color$rgb255, 255, 255, 255), + secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0), + surface: A3($avh4$elm_color$Color$rgb255, 0, 0, 0) + }, + primary: A3($avh4$elm_color$Color$rgb255, 98, 0, 238), + secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198), + surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255) +}; +var $mdgriffith$elm_ui$Internal$Flag$borderRound = $mdgriffith$elm_ui$Internal$Flag$flag(17); +var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$borderRound, + A3( + $mdgriffith$elm_ui$Internal$Model$Single, + 'br-' + $elm$core$String$fromInt(radius), + 'border-radius', + $elm$core$String$fromInt(radius) + 'px')); +}; +var $Orasund$elm_ui_framework$Framework$Group$center = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(0) + ]); +var $mdgriffith$elm_ui$Element$Border$roundEach = function (_v0) { + var topLeft = _v0.topLeft; + var topRight = _v0.topRight; + var bottomLeft = _v0.bottomLeft; + var bottomRight = _v0.bottomRight; + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$borderRound, + A3( + $mdgriffith$elm_ui$Internal$Model$Single, + 'br-' + ($elm$core$String$fromInt(topLeft) + ('-' + ($elm$core$String$fromInt(topRight) + ($elm$core$String$fromInt(bottomLeft) + ('-' + $elm$core$String$fromInt(bottomRight)))))), + 'border-radius', + $elm$core$String$fromInt(topLeft) + ('px ' + ($elm$core$String$fromInt(topRight) + ('px ' + ($elm$core$String$fromInt(bottomRight) + ('px ' + ($elm$core$String$fromInt(bottomLeft) + 'px')))))))); +}; +var $Orasund$elm_ui_framework$Framework$Group$left = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 4, bottomRight: 0, topLeft: 4, topRight: 0}) + ]); +var $Orasund$elm_ui_framework$Framework$Group$right = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 0, bottomRight: 4, topLeft: 0, topRight: 4}) + ]); +var $author$project$Data$Style$ElmUiFramework$buttonRow = {containerRow: $Orasund$elm_ui_framework$Framework$Grid$compact, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$left, ifLast: $Orasund$elm_ui_framework$Framework$Group$right, otherwise: $Orasund$elm_ui_framework$Framework$Group$center}; +var $mdgriffith$elm_ui$Internal$Model$Focus = {$: 'Focus'}; +var $mdgriffith$elm_ui$Internal$Model$PseudoSelector = F2( + function (a, b) { + return {$: 'PseudoSelector', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Internal$Flag$focus = $mdgriffith$elm_ui$Internal$Flag$flag(31); +var $mdgriffith$elm_ui$Internal$Model$TransformComponent = F2( + function (a, b) { + return {$: 'TransformComponent', a: a, b: b}; + }); +var $elm$virtual_dom$VirtualDom$mapAttribute = _VirtualDom_mapAttribute; +var $mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle = F2( + function (fn, attr) { + switch (attr.$) { + case 'NoAttribute': + return $mdgriffith$elm_ui$Internal$Model$NoAttribute; + case 'Describe': + var description = attr.a; + return $mdgriffith$elm_ui$Internal$Model$Describe(description); + case 'AlignX': + var x = attr.a; + return $mdgriffith$elm_ui$Internal$Model$AlignX(x); + case 'AlignY': + var y = attr.a; + return $mdgriffith$elm_ui$Internal$Model$AlignY(y); + case 'Width': + var x = attr.a; + return $mdgriffith$elm_ui$Internal$Model$Width(x); + case 'Height': + var x = attr.a; + return $mdgriffith$elm_ui$Internal$Model$Height(x); + case 'Class': + var x = attr.a; + var y = attr.b; + return A2($mdgriffith$elm_ui$Internal$Model$Class, x, y); + case 'StyleClass': + var flag = attr.a; + var style = attr.b; + return A2($mdgriffith$elm_ui$Internal$Model$StyleClass, flag, style); + case 'Nearby': + var location = attr.a; + var elem = attr.b; + return A2( + $mdgriffith$elm_ui$Internal$Model$Nearby, + location, + A2($mdgriffith$elm_ui$Internal$Model$map, fn, elem)); + case 'Attr': + var htmlAttr = attr.a; + return $mdgriffith$elm_ui$Internal$Model$Attr( + A2($elm$virtual_dom$VirtualDom$mapAttribute, fn, htmlAttr)); + default: + var fl = attr.a; + var trans = attr.b; + return A2($mdgriffith$elm_ui$Internal$Model$TransformComponent, fl, trans); + } + }); +var $mdgriffith$elm_ui$Internal$Model$removeNever = function (style) { + return A2($mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle, $elm$core$Basics$never, style); +}; +var $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper = F2( + function (attr, _v0) { + var styles = _v0.a; + var trans = _v0.b; + var _v1 = $mdgriffith$elm_ui$Internal$Model$removeNever(attr); + switch (_v1.$) { + case 'StyleClass': + var style = _v1.b; + return _Utils_Tuple2( + A2($elm$core$List$cons, style, styles), + trans); + case 'TransformComponent': + var flag = _v1.a; + var component = _v1.b; + return _Utils_Tuple2( + styles, + A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, trans, component)); + default: + return _Utils_Tuple2(styles, trans); + } + }); +var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) { + var _v0 = A3( + $elm$core$List$foldl, + $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper, + _Utils_Tuple2(_List_Nil, $mdgriffith$elm_ui$Internal$Model$Untransformed), + attrs); + var styles = _v0.a; + var transform = _v0.b; + return A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$Transform(transform), + styles); +}; +var $mdgriffith$elm_ui$Element$focused = function (decs) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$focus, + A2( + $mdgriffith$elm_ui$Internal$Model$PseudoSelector, + $mdgriffith$elm_ui$Internal$Model$Focus, + $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); +}; +var $Orasund$elm_ui_framework$Framework$Color$grey = A3($mdgriffith$elm_ui$Element$rgb255, 122, 122, 122); +var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'}; +var $mdgriffith$elm_ui$Internal$Flag$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33); +var $mdgriffith$elm_ui$Element$mouseOver = function (decs) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$hover, + A2( + $mdgriffith$elm_ui$Internal$Model$PseudoSelector, + $mdgriffith$elm_ui$Internal$Model$Hover, + $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); +}; +var $Orasund$elm_ui_framework$Framework$Color$simple = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey) + ]); +var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style; +var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style; +var $Orasund$elm_ui_framework$Framework$Color$disabled = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$grey), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil), + $mdgriffith$elm_ui$Element$htmlAttribute( + A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed')) + ])); +<<<<<<< HEAD +======= +var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) + ]); +var $mdgriffith$elm_ui$Internal$Flag$fontAlignment = $mdgriffith$elm_ui$Internal$Flag$flag(12); +>>>>>>> cc2ca06... finishing the material design +var $mdgriffith$elm_ui$Element$Font$center = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textCenter); +var $mdgriffith$elm_ui$Element$paddingXY = F2( + function (x, y) { + return _Utils_eq(x, y) ? A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$padding, + A5( + $mdgriffith$elm_ui$Internal$Model$PaddingStyle, + 'p-' + $elm$core$String$fromInt(x), + x, + x, + x, + x)) : A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$padding, + A5( + $mdgriffith$elm_ui$Internal$Model$PaddingStyle, + 'p-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))), + y, + x, + y, + x)); + }); +var $mdgriffith$elm_ui$Element$rgba = $mdgriffith$elm_ui$Internal$Model$Rgba; +var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) { + return $elm$core$String$concat( + _List_fromArray( + [ + shadow.inset ? 'box-inset' : 'box-', + $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.a) + 'px', + $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.b) + 'px', + $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.blur) + 'px', + $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.size) + 'px', + $mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.color) + ])); +}; +var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19); +var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) { + var shade = {blur: almostShade.blur, color: almostShade.color, inset: false, offset: almostShade.offset, size: almostShade.size}; + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$shadows, + A3( + $mdgriffith$elm_ui$Internal$Model$Single, + $mdgriffith$elm_ui$Internal$Model$boxShadowClass(shade), + 'box-shadow', + $mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade))); +}; +var $Orasund$elm_ui_framework$Framework$Tag$simple = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(4), + A2($mdgriffith$elm_ui$Element$paddingXY, 7, 4) + ])); +var $Orasund$elm_ui_framework$Framework$Card$simple = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Tag$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$light, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + { + blur: 10, + color: A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0.05), + offset: _Utils_Tuple2(0, 2), + size: 1 + }), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), + $mdgriffith$elm_ui$Element$alignTop, + $mdgriffith$elm_ui$Element$padding(20), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ]))); +var $Orasund$elm_ui_framework$Framework$Button$simple = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$center, + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$grey) + ])), + A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12) + ]))); +<<<<<<< HEAD +var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Button$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ])); +======= +var $author$project$Data$Style$ElmUiFramework$buttonStyle = { + container: $Orasund$elm_ui_framework$Framework$Button$simple, + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + otherwise: _List_Nil, + text: _List_Nil +}; +var $Orasund$elm_ui_framework$Framework$Group$bottom = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0}) + ]); +var $mdgriffith$elm_ui$Internal$Model$Min = F2( + function (a, b) { + return {$: 'Min', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Element$minimum = F2( + function (i, l) { + return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l); + }); +var $Orasund$elm_ui_framework$Framework$Card$withSize = function (_int) { + return _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 240, + A2($mdgriffith$elm_ui$Element$maximum, _int, $mdgriffith$elm_ui$Element$fill))) + ])); +}; +var $Orasund$elm_ui_framework$Framework$Card$large = $Orasund$elm_ui_framework$Framework$Card$withSize(480); +var $Orasund$elm_ui_framework$Framework$Group$top = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 0, bottomRight: 0, topLeft: 4, topRight: 4}) + ]); +var $author$project$Data$Style$ElmUiFramework$cardColumn = { + containerColumn: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$compact, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill) + ])), + element: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$large, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill) + ])), + ifFirst: $Orasund$elm_ui_framework$Framework$Group$top, + ifLast: $Orasund$elm_ui_framework$Framework$Group$bottom, + otherwise: $Orasund$elm_ui_framework$Framework$Group$center +}; +var $author$project$Data$Style$ElmUiFramework$chipButtonStyle = {container: $Orasund$elm_ui_framework$Framework$Tag$simple, ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, ifDisabled: _List_Nil, labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, otherwise: _List_Nil, text: _List_Nil}; +var $author$project$Data$Style$ElmUiFramework$column = {containerColumn: $Orasund$elm_ui_framework$Framework$Grid$compact, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$top, ifLast: $Orasund$elm_ui_framework$Framework$Group$bottom, otherwise: $Orasund$elm_ui_framework$Framework$Group$center}; +var $Orasund$elm_ui_framework$Framework$Color$green = A3($mdgriffith$elm_ui$Element$rgb255, 35, 209, 96); +var $Orasund$elm_ui_framework$Framework$Color$success = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$green), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$green) + ]); +var $author$project$Data$Style$ElmUiFramework$simpleButton = { + container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$success), + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, + otherwise: _List_Nil, + text: _List_Nil +}; +var $author$project$Data$Style$ElmUiFramework$textButton = {container: $Orasund$elm_ui_framework$Framework$Button$simple, ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, otherwise: _List_Nil, text: _List_Nil}; +var $author$project$Data$Style$ElmUiFramework$dialog = { + acceptButton: $author$project$Data$Style$ElmUiFramework$simpleButton, + buttonRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 0, left: 0, right: 0, top: 28}) + ])), + containerColumn: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 280, + A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))) + ]))), + dismissButton: $author$project$Data$Style$ElmUiFramework$textButton, + text: _List_Nil, + title: $Orasund$elm_ui_framework$Framework$Heading$h3 +}; +var $elm$svg$Svg$Attributes$points = _VirtualDom_attribute('points'); +var $elm$svg$Svg$polyline = $elm$svg$Svg$trustedNode('polyline'); +var $author$project$Icons$chevronDown = A2( $author$project$Icons$svgFeatherIcon, - 'triangle', + 'chevron-down', _List_fromArray( [ A2( - $elm$svg$Svg$path, + $elm$svg$Svg$polyline, _List_fromArray( [ - $elm$svg$Svg$Attributes$d('M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z') + $elm$svg$Svg$Attributes$points('6 9 12 15 18 9') ]), _List_Nil) ])); -var $author$project$Component$FilterMultiSelectSpecific = function (a) { - return {$: 'FilterMultiSelectSpecific', a: a}; +var $author$project$Icons$chevronUp = A2( + $author$project$Icons$svgFeatherIcon, + 'chevron-up', + _List_fromArray( + [ + A2( + $elm$svg$Svg$polyline, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$points('18 15 12 9 6 15') + ]), + _List_Nil) + ])); +var $mdgriffith$elm_ui$Element$spaceEvenly = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$spacing, $mdgriffith$elm_ui$Internal$Style$classes.spaceEvenly); +var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spaceEvenly, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$centerX, + $mdgriffith$elm_ui$Element$centerY + ]); +var $author$project$Data$Style$ElmUiFramework$expansionPanelStyle = { + collapseIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)), + containerColumn: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ]))), + content: _List_Nil, + expandIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)), + labelRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ])), + panelRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ])) }; -var $author$project$Widget$FilterMultiSelect$ToggleSelected = function (a) { - return {$: 'ToggleSelected', a: a}; +var $Orasund$elm_ui_framework$Framework$Color$dark = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey), + $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey) + ]); +>>>>>>> cc2ca06... finishing the material design +var $elm$svg$Svg$line = $elm$svg$Svg$trustedNode('line'); +var $elm$svg$Svg$Attributes$x1 = _VirtualDom_attribute('x1'); +var $elm$svg$Svg$Attributes$x2 = _VirtualDom_attribute('x2'); +var $elm$svg$Svg$Attributes$y1 = _VirtualDom_attribute('y1'); +var $elm$svg$Svg$Attributes$y2 = _VirtualDom_attribute('y2'); +var $author$project$Icons$menu = A2( + $author$project$Icons$svgFeatherIcon, + 'menu', + _List_fromArray( + [ + A2( + $elm$svg$Svg$line, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$x1('3'), + $elm$svg$Svg$Attributes$y1('12'), + $elm$svg$Svg$Attributes$x2('21'), + $elm$svg$Svg$Attributes$y2('12') + ]), + _List_Nil), + A2( + $elm$svg$Svg$line, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$x1('3'), + $elm$svg$Svg$Attributes$y1('6'), + $elm$svg$Svg$Attributes$x2('21'), + $elm$svg$Svg$Attributes$y2('6') + ]), + _List_Nil), + A2( + $elm$svg$Svg$line, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$x1('3'), + $elm$svg$Svg$Attributes$y1('18'), + $elm$svg$Svg$Attributes$x2('21'), + $elm$svg$Svg$Attributes$y2('18') + ]), + _List_Nil) + ])); +var $author$project$Data$Style$ElmUiFramework$menuButton = { + container: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Button$simple, + _Utils_ap($Orasund$elm_ui_framework$Framework$Group$center, $Orasund$elm_ui_framework$Framework$Color$dark)), + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, + otherwise: _List_Nil, + text: _List_Nil }; +var $Orasund$elm_ui_framework$Framework$Color$black = A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0); +var $author$project$Data$Style$ElmUiFramework$menuTabButton = { + container: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(42)), + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 4, left: 0, right: 0, top: 0}), + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 4, left: 8, right: 8, top: 12}), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$black) + ]), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) + ]), + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, + otherwise: _List_Nil, + text: _List_Nil +}; +var $author$project$Icons$moreVertical = A2( + $author$project$Icons$svgFeatherIcon, + 'more-vertical', + _List_fromArray( + [ + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('12'), + $elm$svg$Svg$Attributes$cy('12'), + $elm$svg$Svg$Attributes$r('1') + ]), + _List_Nil), + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('12'), + $elm$svg$Svg$Attributes$cy('5'), + $elm$svg$Svg$Attributes$r('1') + ]), + _List_Nil), + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('12'), + $elm$svg$Svg$Attributes$cy('19'), + $elm$svg$Svg$Attributes$r('1') + ]), + _List_Nil) + ])); +var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) + ]); +var $author$project$Icons$search = A2( + $author$project$Icons$svgFeatherIcon, + 'search', + _List_fromArray( + [ + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('11'), + $elm$svg$Svg$Attributes$cy('11'), + $elm$svg$Svg$Attributes$r('8') + ]), + _List_Nil), + A2( + $elm$svg$Svg$line, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$x1('21'), + $elm$svg$Svg$Attributes$y1('21'), + $elm$svg$Svg$Attributes$x2('16.65'), + $elm$svg$Svg$Attributes$y2('16.65') + ]), + _List_Nil) + ])); +<<<<<<< HEAD +var $author$project$Example$simpleButton = { + active: $Orasund$elm_ui_framework$Framework$Color$primary, + container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$primary), + disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + label: $Orasund$elm_ui_framework$Framework$Grid$simple +}; +var $author$project$Example$textButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Button$simple, disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, label: $Orasund$elm_ui_framework$Framework$Grid$simple}; +var $author$project$Example$style = { + dialog: { + accept: $author$project$Example$simpleButton, + buttonRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 0, left: 0, right: 0, top: 28}) + ])), + containerColumn: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, +======= +var $mdgriffith$elm_ui$Element$Font$alignLeft = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textLeft); +var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Button$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ])); +var $author$project$Data$Style$ElmUiFramework$sheetButton = { + container: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Button$fill, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Group$center, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$light, + _List_fromArray( + [$mdgriffith$elm_ui$Element$Font$alignLeft])))), + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, + otherwise: _List_Nil, + text: _List_Nil +}; +var $author$project$Data$Style$ElmUiFramework$snackbarButton = { + container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$dark), + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, + otherwise: _List_Nil, + text: _List_Nil +}; +var $author$project$Data$Style$ElmUiFramework$snackbar = { + button: $author$project$Data$Style$ElmUiFramework$snackbarButton, + containerRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$dark, +>>>>>>> cc2ca06... finishing the material design + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ +<<<<<<< HEAD + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 280, + A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))) + ]))), + dismiss: $author$project$Example$textButton, + title: $Orasund$elm_ui_framework$Framework$Heading$h3 + }, +======= + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(54)) + ])))), + text: _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0) + ]) +}; +var $author$project$Data$Style$ElmUiFramework$layout = { + container: _List_Nil, +>>>>>>> cc2ca06... finishing the material design + header: _Utils_ap( + $Orasund$elm_ui_framework$Framework$container, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$dark, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(0), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(42)) + ]))), + layout: $Orasund$elm_ui_framework$Framework$responsiveLayout, + menuButton: $author$project$Data$Style$ElmUiFramework$menuButton, + menuIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$menu)), + menuTabButton: $author$project$Data$Style$ElmUiFramework$menuTabButton, + moreVerticalIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$moreVertical)), + search: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Card$large, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0)), + $mdgriffith$elm_ui$Element$padding(6), + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$alignRight + ]))), + searchFill: _Utils_ap($Orasund$elm_ui_framework$Framework$Color$light, $Orasund$elm_ui_framework$Framework$Group$center), + searchIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$search)), + sheet: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$light, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$maximum, 256, $mdgriffith$elm_ui$Element$fill)) + ])), + sheetButton: $author$project$Data$Style$ElmUiFramework$sheetButton, + snackbar: $author$project$Data$Style$ElmUiFramework$snackbar, + spacing: 8, + title: $Orasund$elm_ui_framework$Framework$Heading$h2 +}; +var $author$project$Data$Style$ElmUiFramework$row = {containerRow: $Orasund$elm_ui_framework$Framework$Grid$simple, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$left, ifLast: $Orasund$elm_ui_framework$Framework$Group$right, otherwise: $Orasund$elm_ui_framework$Framework$Group$center}; +var $author$project$Data$Style$ElmUiFramework$tabButtonStyle = { + container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Group$top), + ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, + ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + otherwise: _List_Nil, + text: _List_Nil +}; +var $author$project$Data$Style$ElmUiFramework$sortTable = { + ascIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)), + containerTable: $Orasund$elm_ui_framework$Framework$Grid$simple, + defaultIcon: $mdgriffith$elm_ui$Element$none, + descIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)), + headerButton: $author$project$Data$Style$ElmUiFramework$tabButtonStyle +}; +var $Orasund$elm_ui_framework$Framework$Card$small = $Orasund$elm_ui_framework$Framework$Card$withSize(240); +var $author$project$Data$Style$ElmUiFramework$tab = { + button: $author$project$Data$Style$ElmUiFramework$tabButtonStyle, + containerColumn: $Orasund$elm_ui_framework$Framework$Grid$compact, + content: _Utils_ap($Orasund$elm_ui_framework$Framework$Card$small, $Orasund$elm_ui_framework$Framework$Group$bottom), + optionRow: $Orasund$elm_ui_framework$Framework$Grid$simple +}; +var $author$project$Data$Style$ElmUiFramework$textInputStyle = { + chipButton: $author$project$Data$Style$ElmUiFramework$chipButtonStyle, + chipsRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$spacing(4), + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 8, left: 0, right: 0, top: 8}) + ]), + containerRow: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Button$simple, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$light, + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color( + A3($mdgriffith$elm_ui$Element$rgb255, 186, 189, 182)), + $mdgriffith$elm_ui$Element$Font$alignLeft, + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(42)) + ]), + $Orasund$elm_ui_framework$Framework$Grid$simple))), + input: _Utils_ap( + $Orasund$elm_ui_framework$Framework$Color$light, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(8) + ])) +}; +var $author$project$Data$Style$ElmUiFramework$style = {button: $author$project$Data$Style$ElmUiFramework$buttonStyle, buttonRow: $author$project$Data$Style$ElmUiFramework$buttonRow, cardColumn: $author$project$Data$Style$ElmUiFramework$cardColumn, chipButton: $author$project$Data$Style$ElmUiFramework$chipButtonStyle, column: $author$project$Data$Style$ElmUiFramework$column, dialog: $author$project$Data$Style$ElmUiFramework$dialog, expansionPanel: $author$project$Data$Style$ElmUiFramework$expansionPanelStyle, layout: $author$project$Data$Style$ElmUiFramework$layout, primaryButton: $author$project$Data$Style$ElmUiFramework$simpleButton, row: $author$project$Data$Style$ElmUiFramework$row, selectButton: $author$project$Data$Style$ElmUiFramework$buttonStyle, sortTable: $author$project$Data$Style$ElmUiFramework$sortTable, tab: $author$project$Data$Style$ElmUiFramework$tab, textInput: $author$project$Data$Style$ElmUiFramework$textInputStyle}; +var $mdgriffith$elm_ui$Internal$Model$Bottom = {$: 'Bottom'}; +var $mdgriffith$elm_ui$Element$alignBottom = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Bottom); +var $mdgriffith$elm_ui$Internal$Flag$letterSpacing = $mdgriffith$elm_ui$Internal$Flag$flag(16); +var $mdgriffith$elm_ui$Element$Font$letterSpacing = function (offset) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$letterSpacing, + A3( + $mdgriffith$elm_ui$Internal$Model$Single, + 'ls-' + $mdgriffith$elm_ui$Internal$Model$floatClass(offset), + 'letter-spacing', + $elm$core$String$fromFloat(offset) + 'px')); +}; +var $mdgriffith$elm_ui$Element$Font$semiBold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.textSemiBold); +var $author$project$Widget$Style$Material$buttonFont = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$htmlAttribute( + A2($elm$html$Html$Attributes$style, 'text-transform', 'uppercase')), + $mdgriffith$elm_ui$Element$Font$size(14), + $mdgriffith$elm_ui$Element$Font$semiBold, + $mdgriffith$elm_ui$Element$Font$letterSpacing(1.25) + ]); +var $author$project$Widget$Style$Material$baseButton = function (_v0) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$buttonFont, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(36)), + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8), + $mdgriffith$elm_ui$Element$Border$rounded(4) + ])), + ifActive: _List_Nil, + ifDisabled: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$htmlAttribute( + A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed')) + ]), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$minimum, 32, $mdgriffith$elm_ui$Element$shrink)), + $mdgriffith$elm_ui$Element$centerY + ]), + otherwise: _List_Nil, + text: _List_fromArray( + [$mdgriffith$elm_ui$Element$centerX]) + }; +}; +var $author$project$Widget$Style$Material$buttonDisabledOpacity = 0.38; +var $author$project$Widget$Style$Material$buttonFocusOpacity = 0.24; +var $author$project$Widget$Style$Material$buttonHoverOpacity = 0.08; +var $author$project$Widget$Style$Material$buttonPressedOpacity = 0.32; +var $mdgriffith$elm_ui$Element$fromRgb = function (clr) { + return A4($mdgriffith$elm_ui$Internal$Model$Rgba, clr.red, clr.green, clr.blue, clr.alpha); +}; +var $avh4$elm_color$Color$toRgba = function (_v0) { + var r = _v0.a; + var g = _v0.b; + var b = _v0.c; + var a = _v0.d; + return {alpha: a, blue: b, green: g, red: r}; +}; +var $author$project$Widget$Style$Material$fromColor = A2($elm$core$Basics$composeR, $avh4$elm_color$Color$toRgba, $mdgriffith$elm_ui$Element$fromRgb); +var $author$project$Widget$Style$Material$gray = A3($avh4$elm_color$Color$rgb255, 119, 119, 119); +var $mdgriffith$elm_ui$Internal$Model$Active = {$: 'Active'}; +var $mdgriffith$elm_ui$Internal$Flag$active = $mdgriffith$elm_ui$Internal$Flag$flag(32); +var $mdgriffith$elm_ui$Element$mouseDown = function (decs) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$active, + A2( + $mdgriffith$elm_ui$Internal$Model$PseudoSelector, + $mdgriffith$elm_ui$Internal$Model$Active, + $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); +}; +<<<<<<< HEAD var $author$project$Component$chipButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Tag$simple, disabled: _List_Nil, label: $Orasund$elm_ui_framework$Framework$Grid$simple}; var $mdgriffith$elm_ui$Element$Input$Placeholder = F2( function (a, b) { @@ -14471,11 +15399,25 @@ var $mdgriffith$elm_ui$Element$Input$Placeholder = F2( var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder; var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) { return {$: 'HiddenLabel', a: a}; +======= +var $avh4$elm_color$Color$fromRgba = function (components) { + return A4($avh4$elm_color$Color$RgbaSpace, components.red, components.green, components.blue, components.alpha); +>>>>>>> cc2ca06... finishing the material design }; -var $mdgriffith$elm_ui$Element$Input$labelHidden = $mdgriffith$elm_ui$Element$Input$HiddenLabel; -var $mdgriffith$elm_ui$Element$Input$TextInputNode = function (a) { - return {$: 'TextInputNode', a: a}; +var $author$project$Widget$Style$Material$scaleOpacity = function (opacity) { + return A2( + $elm$core$Basics$composeR, + $avh4$elm_color$Color$toRgba, + A2( + $elm$core$Basics$composeR, + function (color) { + return _Utils_update( + color, + {alpha: color.alpha * opacity}); + }, + $avh4$elm_color$Color$fromRgba)); }; +<<<<<<< HEAD var $mdgriffith$elm_ui$Element$Input$TextArea = {$: 'TextArea'}; var $mdgriffith$elm_ui$Internal$Model$LivePolite = {$: 'LivePolite'}; var $mdgriffith$elm_ui$Element$Region$announce = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$LivePolite); @@ -14558,82 +15500,348 @@ var $mdgriffith$elm_ui$Element$createNearby = F2( }); var $mdgriffith$elm_ui$Element$behindContent = function (element) { return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element); +======= +var $author$project$Widget$Style$Material$shadow = function (_float) { + return { + blur: _float, + color: A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.2), + offset: _Utils_Tuple2(0, _float), + size: 0 + }; +>>>>>>> cc2ca06... finishing the material design }; -var $mdgriffith$elm_ui$Internal$Model$MoveY = function (a) { - return {$: 'MoveY', a: a}; +var $elm$core$Basics$pow = _Basics_pow; +var $noahzgordon$elm_color_extra$Color$Accessibility$luminance = function (cl) { + var f = function (intensity) { + return (intensity <= 0.03928) ? (intensity / 12.92) : A2($elm$core$Basics$pow, (intensity + 0.055) / 1.055, 2.4); + }; + var _v0 = function (a) { + return _Utils_Tuple3( + f(a.red), + f(a.green), + f(a.blue)); + }( + $avh4$elm_color$Color$toRgba(cl)); + var r = _v0.a; + var g = _v0.b; + var b = _v0.c; + return ((0.2126 * r) + (0.7152 * g)) + (0.0722 * b); }; -var $mdgriffith$elm_ui$Internal$Flag$moveY = $mdgriffith$elm_ui$Internal$Flag$flag(26); -var $mdgriffith$elm_ui$Element$moveUp = function (y) { - return A2( - $mdgriffith$elm_ui$Internal$Model$TransformComponent, - $mdgriffith$elm_ui$Internal$Flag$moveY, - $mdgriffith$elm_ui$Internal$Model$MoveY(-y)); +var $author$project$Widget$Style$Material$accessibleTextColor = function (color) { + var l = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1)); + return ((1.05 / (l + 0.05)) < 7) ? A3($avh4$elm_color$Color$rgb255, 0, 0, 0) : A3($avh4$elm_color$Color$rgb255, 255, 255, 255); }; -var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (attrs) { - var gatherSpacing = F2( - function (attr, found) { - if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) { - var _v2 = attr.b; - var x = _v2.b; - var y = _v2.c; - if (found.$ === 'Nothing') { - return $elm$core$Maybe$Just(y); - } else { - return found; - } - } else { - return found; - } - }); - var _v0 = A3($elm$core$List$foldr, gatherSpacing, $elm$core$Maybe$Nothing, attrs); - if (_v0.$ === 'Nothing') { - return $mdgriffith$elm_ui$Internal$Model$NoAttribute; - } else { - var vSpace = _v0.a; - return $mdgriffith$elm_ui$Element$moveUp( - $elm$core$Basics$floor(vSpace / 2)); - } +var $author$project$Widget$Style$Material$textAndBackground = function (color) { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor(color)), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + $author$project$Widget$Style$Material$accessibleTextColor(color))) + ]); }; +<<<<<<< HEAD var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20); var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip); var $mdgriffith$elm_ui$Element$rgb = F3( +======= +var $elm$core$Basics$cos = _Basics_cos; +var $noahzgordon$elm_color_extra$Color$Convert$labToXyz = function (_v0) { + var l = _v0.l; + var a = _v0.a; + var b = _v0.b; + var y = (l + 16) / 116; + var c = function (ch) { + var ch_ = (ch * ch) * ch; + return (ch_ > 8.856e-3) ? ch_ : ((ch - (16 / 116)) / 7.787); + }; + return { + x: c(y + (a / 500)) * 95.047, + y: c(y) * 100, + z: c(y - (b / 200)) * 108.883 + }; +}; +var $avh4$elm_color$Color$rgb = F3( +>>>>>>> cc2ca06... finishing the material design function (r, g, b) { - return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1); + return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0); }); -var $mdgriffith$elm_ui$Element$Input$darkGrey = A3($mdgriffith$elm_ui$Element$rgb, 186 / 255, 189 / 255, 182 / 255); -var $mdgriffith$elm_ui$Element$Input$defaultTextPadding = A2($mdgriffith$elm_ui$Element$paddingXY, 12, 12); -var $mdgriffith$elm_ui$Element$Input$white = A3($mdgriffith$elm_ui$Element$rgb, 1, 1, 1); -var $mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle = _List_fromArray( +var $noahzgordon$elm_color_extra$Color$Convert$xyzToColor = function (_v0) { + var x = _v0.x; + var y = _v0.y; + var z = _v0.z; + var z_ = z / 100; + var y_ = y / 100; + var x_ = x / 100; + var r = ((x_ * 3.2404542) + (y_ * (-1.5371385))) + (z_ * (-0.4986)); + var g = ((x_ * (-0.969266)) + (y_ * 1.8760108)) + (z_ * 4.1556e-2); + var c = function (ch) { + var ch_ = (ch > 3.1308e-3) ? ((1.055 * A2($elm$core$Basics$pow, ch, 1 / 2.4)) - 5.5e-2) : (12.92 * ch); + return A3($elm$core$Basics$clamp, 0, 1, ch_); + }; + var b = ((x_ * 5.56434e-2) + (y_ * (-0.2040259))) + (z_ * 1.0572252); + return A3( + $avh4$elm_color$Color$rgb, + c(r), + c(g), + c(b)); +}; +var $noahzgordon$elm_color_extra$Color$Convert$labToColor = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$labToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToColor); +var $elm$core$Basics$sin = _Basics_sin; +var $author$project$Widget$Style$Material$fromCIELCH = A2( + $elm$core$Basics$composeR, + function (_v0) { + var l = _v0.l; + var c = _v0.c; + var h = _v0.h; + return { + a: c * $elm$core$Basics$cos(h), + b: c * $elm$core$Basics$sin(h), + l: l + }; + }, + $noahzgordon$elm_color_extra$Color$Convert$labToColor); +var $elm$core$Basics$atan2 = _Basics_atan2; +var $noahzgordon$elm_color_extra$Color$Convert$colorToXyz = function (cl) { + var c = function (ch) { + var ch_ = (ch > 4.045e-2) ? A2($elm$core$Basics$pow, (ch + 5.5e-2) / 1.055, 2.4) : (ch / 12.92); + return ch_ * 100; + }; + var _v0 = $avh4$elm_color$Color$toRgba(cl); + var red = _v0.red; + var green = _v0.green; + var blue = _v0.blue; + var b = c(blue); + var g = c(green); + var r = c(red); + return {x: ((r * 0.4124) + (g * 0.3576)) + (b * 0.1805), y: ((r * 0.2126) + (g * 0.7152)) + (b * 7.22e-2), z: ((r * 1.93e-2) + (g * 0.1192)) + (b * 0.9505)}; +}; +var $noahzgordon$elm_color_extra$Color$Convert$xyzToLab = function (_v0) { + var x = _v0.x; + var y = _v0.y; + var z = _v0.z; + var c = function (ch) { + return (ch > 8.856e-3) ? A2($elm$core$Basics$pow, ch, 1 / 3) : ((7.787 * ch) + (16 / 116)); + }; + var x_ = c(x / 95.047); + var y_ = c(y / 100); + var z_ = c(z / 108.883); + return {a: 500 * (x_ - y_), b: 200 * (y_ - z_), l: (116 * y_) - 16}; +}; +var $noahzgordon$elm_color_extra$Color$Convert$colorToLab = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$colorToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToLab); +var $elm$core$Basics$sqrt = _Basics_sqrt; +var $author$project$Widget$Style$Material$toCIELCH = A2( + $elm$core$Basics$composeR, + $noahzgordon$elm_color_extra$Color$Convert$colorToLab, + function (_v0) { + var l = _v0.l; + var a = _v0.a; + var b = _v0.b; + return { + c: $elm$core$Basics$sqrt((a * a) + (b * b)), + h: A2($elm$core$Basics$atan2, b, a), + l: l + }; + }); +var $author$project$Widget$Style$Material$withShade = F3( + function (c2, amount, c1) { + var fun = F2( + function (a, b) { + return {c: ((a.c * (1 - amount)) + (b.c * amount)) / 1, h: ((a.h * (1 - amount)) + (b.h * amount)) / 1, l: ((a.l * (1 - amount)) + (b.l * amount)) / 1}; + }); + var alpha = $avh4$elm_color$Color$toRgba(c1).alpha; + return $avh4$elm_color$Color$fromRgba( + function (color) { + return _Utils_update( + color, + {alpha: alpha}); + }( + $avh4$elm_color$Color$toRgba( + $author$project$Widget$Style$Material$fromCIELCH( + A2( + fun, + $author$project$Widget$Style$Material$toCIELCH(c1), + $author$project$Widget$Style$Material$toCIELCH(c2)))))); + }); +var $author$project$Widget$Style$Material$containedButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).container, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(2)), + $mdgriffith$elm_ui$Element$mouseDown( + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(12)) + ]))), + $mdgriffith$elm_ui$Element$focused( + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(6)) + ]))), + $mdgriffith$elm_ui$Element$mouseOver( + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(6)) + ]))) + ])), + ifActive: $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonDisabledOpacity, $author$project$Widget$Style$Material$gray))), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(0)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).labelRow, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0) + ])), + otherwise: $author$project$Widget$Style$Material$textAndBackground(palette.primary), + text: $author$project$Widget$Style$Material$baseButton(palette).text + }; +}; +var $author$project$Widget$Style$Material$h6 = _List_fromArray( [ - $mdgriffith$elm_ui$Element$Input$defaultTextPadding, - $mdgriffith$elm_ui$Element$Border$rounded(3), - $mdgriffith$elm_ui$Element$Border$color($mdgriffith$elm_ui$Element$Input$darkGrey), - $mdgriffith$elm_ui$Element$Background$color($mdgriffith$elm_ui$Element$Input$white), - $mdgriffith$elm_ui$Element$Border$width(1), - $mdgriffith$elm_ui$Element$spacing(5), - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + $mdgriffith$elm_ui$Element$Font$size(20), + $mdgriffith$elm_ui$Element$Font$semiBold, + $mdgriffith$elm_ui$Element$Font$letterSpacing(0.15) ]); -var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) { - if (attr.$ === 'Height') { - var h = attr.a; - return $elm$core$Maybe$Just(h); - } else { - return $elm$core$Maybe$Nothing; - } +var $author$project$Widget$Style$Material$textButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).container, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor(palette.primary)), + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))) + ])) + ])), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: $author$project$Widget$Style$Material$baseButton(palette).labelRow, + otherwise: _List_Nil, + text: $author$project$Widget$Style$Material$baseButton(palette).text + }; }; -var $mdgriffith$elm_ui$Internal$Model$Label = function (a) { - return {$: 'Label', a: a}; +var $author$project$Widget$Style$Material$alertDialog = function (palette) { + return { + acceptButton: $author$project$Widget$Style$Material$containedButton(palette), + buttonRow: _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8), + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$alignRight, + $mdgriffith$elm_ui$Element$alignBottom + ]), + containerColumn: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 280, + A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))), + $mdgriffith$elm_ui$Element$height( + A2($mdgriffith$elm_ui$Element$minimum, 182, $mdgriffith$elm_ui$Element$shrink)), + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor(palette.surface)) + ]), + dismissButton: $author$project$Widget$Style$Material$textButton(palette), + text: _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 24, 0) + ]), + title: _Utils_ap( + $author$project$Widget$Style$Material$h6, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 24, 20) + ])) + }; }; -var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) { - if (label.$ === 'HiddenLabel') { - var textLabel = label.a; - return $mdgriffith$elm_ui$Internal$Model$Describe( - $mdgriffith$elm_ui$Internal$Model$Label(textLabel)); - } else { - return $mdgriffith$elm_ui$Internal$Model$NoAttribute; - } +var $author$project$Widget$Style$Material$buttonRow = { + containerRow: _List_Nil, + element: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(2) + ]), + ifFirst: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 2, bottomRight: 0, topLeft: 2, topRight: 0}) + ]), + ifLast: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 0, bottomRight: 2, topLeft: 0, topRight: 2}) + ]), + otherwise: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(0) + ]) }; +<<<<<<< HEAD var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'}; var $mdgriffith$elm_ui$Element$inFront = function (element) { return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element); @@ -14658,111 +15866,440 @@ var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) { return true; } } +======= +var $author$project$Widget$Style$Material$cardColumn = function (palette) { + return { + containerColumn: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(4)) + ])), + $mdgriffith$elm_ui$Element$alignTop, + $mdgriffith$elm_ui$Element$Border$rounded(4) + ]), + element: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(16), + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor(palette.surface)), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + $author$project$Widget$Style$Material$accessibleTextColor(palette.surface))), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$minimum, 344, $mdgriffith$elm_ui$Element$fill)) + ]), + ifFirst: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 0, bottomRight: 0, topLeft: 4, topRight: 4}) + ]), + ifLast: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$roundEach( + {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0}), + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 1, left: 1, right: 1, top: 0}) + ]), + otherwise: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$rounded(0), + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 1, left: 1, right: 1, top: 0}) + ]) + }; +>>>>>>> cc2ca06... finishing the material design }; -var $mdgriffith$elm_ui$Element$Input$isHiddenLabel = function (label) { - if (label.$ === 'HiddenLabel') { - return true; - } else { - return false; - } +var $author$project$Widget$Style$Material$buttonSelectedOpacity = 0.16; +var $author$project$Widget$Style$Material$chip = function (palette) { + return { + container: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(32)), + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 0, left: 4, right: 12, top: 0}), + $mdgriffith$elm_ui$Element$Border$rounded(16), + $mdgriffith$elm_ui$Element$mouseDown( + $author$project$Widget$Style$Material$textAndBackground( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonPressedOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)))), + $mdgriffith$elm_ui$Element$focused( + $author$project$Widget$Style$Material$textAndBackground( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonFocusOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)))), + $mdgriffith$elm_ui$Element$mouseOver( + $author$project$Widget$Style$Material$textAndBackground( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonHoverOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)))) + ]), + ifActive: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonSelectedOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface))), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(4)) + ])), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonDisabledOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface))), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ]))), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(0), + $mdgriffith$elm_ui$Element$centerY + ]), + otherwise: $author$project$Widget$Style$Material$textAndBackground( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)), + text: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 0, left: 8, right: 0, top: 0}) + ]) + }; }; -var $mdgriffith$elm_ui$Element$Input$isStacked = function (label) { - if (label.$ === 'Label') { - var loc = label.a; - switch (loc.$) { - case 'OnRight': - return false; - case 'OnLeft': - return false; - case 'Above': - return true; - default: - return true; - } - } else { - return true; - } +var $author$project$Widget$Style$Material$column = { + containerColumn: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + element: _List_Nil, + ifFirst: _List_Nil, + ifLast: _List_Nil, + otherwise: _List_Nil }; -var $mdgriffith$elm_ui$Element$Input$negateBox = function (box) { - return {bottom: -box.bottom, left: -box.left, right: -box.right, top: -box.top}; -}; -var $elm$html$Html$Events$alwaysStop = function (x) { - return _Utils_Tuple2(x, true); -}; -var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) { - return {$: 'MayStopPropagation', a: a}; -}; -var $elm$html$Html$Events$stopPropagationOn = F2( - function (event, decoder) { +var $author$project$Widget$Style$Material$icon = F2( + function (string, size) { return A2( - $elm$virtual_dom$VirtualDom$on, - event, - $elm$virtual_dom$VirtualDom$MayStopPropagation(decoder)); + $elm$core$Basics$composeR, + $elm$svg$Svg$svg( + _List_fromArray( + [ + $elm$svg$Svg$Attributes$height( + $elm$core$String$fromInt(size)), + $elm$svg$Svg$Attributes$stroke('currentColor'), + $elm$svg$Svg$Attributes$fill('currentColor'), + $elm$svg$Svg$Attributes$viewBox(string), + $elm$svg$Svg$Attributes$width( + $elm$core$String$fromInt(size)) + ])), + A2( + $elm$core$Basics$composeR, + $mdgriffith$elm_ui$Element$html, + $mdgriffith$elm_ui$Element$el(_List_Nil))); }); -var $elm$json$Json$Decode$at = F2( - function (fields, decoder) { - return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields); - }); -var $elm$html$Html$Events$targetValue = A2( - $elm$json$Json$Decode$at, +var $author$project$Widget$Style$Material$expand_less = A3( + $author$project$Widget$Style$Material$icon, + '0 0 48 48', + 24, _List_fromArray( - ['target', 'value']), - $elm$json$Json$Decode$string); -var $elm$html$Html$Events$onInput = function (tagger) { + [ + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M24 16L12 28l2.83 2.83L24 21.66l9.17 9.17L36 28z') + ]), + _List_Nil) + ])); +var $author$project$Widget$Style$Material$expand_more = A3( + $author$project$Widget$Style$Material$icon, + '0 0 48 48', + 24, + _List_fromArray( + [ + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M33.17 17.17L24 26.34l-9.17-9.17L12 20l12 12 12-12z') + ]), + _List_Nil) + ])); +var $author$project$Widget$Style$Material$expansionPanel = function (palette) { + return { + collapseIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)) + ]), + $author$project$Widget$Style$Material$expand_less), + containerColumn: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor(palette.surface)), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + content: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(14) + ]), + expandIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)) + ]), + $author$project$Widget$Style$Material$expand_more), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(32) + ]), + panelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$spaceEvenly, + $mdgriffith$elm_ui$Element$padding(14), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]) + }; +}; +var $author$project$Widget$Style$Material$drawerButton = function (palette) { + return { + container: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$size(14), + $mdgriffith$elm_ui$Element$Font$semiBold, + $mdgriffith$elm_ui$Element$Font$letterSpacing(0.25), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(36)), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8), + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + $author$project$Widget$Style$Material$accessibleTextColor(palette.surface))), + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))) + ])) + ]), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor(palette.primary)) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: $author$project$Widget$Style$Material$baseButton(palette).labelRow, + otherwise: _List_Nil, + text: $author$project$Widget$Style$Material$baseButton(palette).text + }; +}; +var $mdgriffith$elm_ui$Element$Font$family = function (families) { return A2( - $elm$html$Html$Events$stopPropagationOn, - 'input', + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$fontFamily, A2( - $elm$json$Json$Decode$map, - $elm$html$Html$Events$alwaysStop, - A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue))); + $mdgriffith$elm_ui$Internal$Model$FontFamily, + A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families), + families)); }; -var $mdgriffith$elm_ui$Element$Input$isFill = function (len) { - isFill: - while (true) { - switch (len.$) { - case 'Fill': - return true; - case 'Content': - return false; - case 'Px': - return false; - case 'Min': - var l = len.b; - var $temp$len = l; - len = $temp$len; - continue isFill; - default: - var l = len.b; - var $temp$len = l; - len = $temp$len; - continue isFill; - } - } +var $author$project$Widget$Style$Material$iconButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).container, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$Border$rounded(24), + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.surface))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.surface))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface))) + ])) + ])), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface))) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$centerX + ]), + otherwise: _List_Nil, + text: $author$project$Widget$Style$Material$baseButton(palette).text + }; }; -var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) { - isPixel: - while (true) { - switch (len.$) { - case 'Content': - return false; - case 'Px': - return true; - case 'Fill': - return false; - case 'Min': - var l = len.b; - var $temp$len = l; - len = $temp$len; - continue isPixel; - default: - var l = len.b; - var $temp$len = l; - len = $temp$len; - continue isPixel; - } - } +var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith( + {options: _List_Nil}); +var $author$project$Widget$Style$Material$menu = A3( + $author$project$Widget$Style$Material$icon, + '0 0 48 48', + 24, + _List_fromArray( + [ + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z') + ]), + _List_Nil) + ])); +var $author$project$Widget$Style$Material$menuTabButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$buttonFont, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(56)), + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 90, + A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))), + A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + $author$project$Widget$Style$Material$accessibleTextColor(palette.primary))), + $mdgriffith$elm_ui$Element$alignBottom, + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))) + ])) + ])), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 2, left: 0, right: 0, top: 0}) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$centerX + ]), + otherwise: _List_Nil, + text: _List_Nil + }; }; +<<<<<<< HEAD var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4( function (isMultiline, stacked, attr, els) { switch (attr.$) { @@ -15360,191 +16897,19 @@ var $author$project$Widget$FilterMultiSelect$viewOptions = function (_v0) { function (string) { return !A2($elm$core$Set$member, string, selected); }, +======= +var $author$project$Widget$Style$Material$more_vert = A3( + $author$project$Widget$Style$Material$icon, + '0 0 48 48', + 24, + _List_fromArray( + [ +>>>>>>> cc2ca06... finishing the material design A2( - $elm$core$Set$filter, - A2( - $elm$core$Basics$composeR, - $elm$core$String$toUpper, - $elm$core$String$contains( - $elm$core$String$toUpper(raw))), - options))); -}; -var $mdgriffith$elm_ui$Internal$Model$Padding = F5( - function (a, b, c, d, e) { - return {$: 'Padding', a: a, b: b, c: c, d: d, e: e}; - }); -var $mdgriffith$elm_ui$Internal$Model$Spaced = F3( - function (a, b, c) { - return {$: 'Spaced', a: a, b: b, c: c}; - }); -var $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding = function (attrs) { - return A3( - $elm$core$List$foldr, - F2( - function (attr, _v0) { - var pad = _v0.a; - var spacing = _v0.b; - return _Utils_Tuple2( - function () { - if (pad.$ === 'Just') { - var x = pad.a; - return pad; - } else { - if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) { - var _v3 = attr.b; - var name = _v3.a; - var t = _v3.b; - var r = _v3.c; - var b = _v3.d; - var l = _v3.e; - return $elm$core$Maybe$Just( - A5($mdgriffith$elm_ui$Internal$Model$Padding, name, t, r, b, l)); - } else { - return $elm$core$Maybe$Nothing; - } - } - }(), - function () { - if (spacing.$ === 'Just') { - var x = spacing.a; - return spacing; - } else { - if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) { - var _v6 = attr.b; - var name = _v6.a; - var x = _v6.b; - var y = _v6.c; - return $elm$core$Maybe$Just( - A3($mdgriffith$elm_ui$Internal$Model$Spaced, name, x, y)); - } else { - return $elm$core$Maybe$Nothing; - } - } - }()); - }), - _Utils_Tuple2($elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing), - attrs); -}; -var $mdgriffith$elm_ui$Element$wrappedRow = F2( - function (attrs, children) { - var _v0 = $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding(attrs); - var padded = _v0.a; - var spaced = _v0.b; - if (spaced.$ === 'Nothing') { - return A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asRow, - $mdgriffith$elm_ui$Internal$Model$div, - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), - attrs))), - $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); - } else { - var _v2 = spaced.a; - var spaceName = _v2.a; - var x = _v2.b; - var y = _v2.c; - var newPadding = function () { - if (padded.$ === 'Just') { - var _v5 = padded.a; - var name = _v5.a; - var t = _v5.b; - var r = _v5.c; - var b = _v5.d; - var l = _v5.e; - return ((_Utils_cmp(r, (x / 2) | 0) > -1) && (_Utils_cmp(b, (y / 2) | 0) > -1)) ? $elm$core$Maybe$Just( - $mdgriffith$elm_ui$Element$paddingEach( - {bottom: b - ((y / 2) | 0), left: l - ((x / 2) | 0), right: r - ((x / 2) | 0), top: t - ((y / 2) | 0)})) : $elm$core$Maybe$Nothing; - } else { - return $elm$core$Maybe$Nothing; - } - }(); - if (newPadding.$ === 'Just') { - var pad = newPadding.a; - return A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asRow, - $mdgriffith$elm_ui$Internal$Model$div, - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), - _Utils_ap( - attrs, - _List_fromArray( - [pad]))))), - $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); - } else { - var halfY = -(y / 2); - var halfX = -(x / 2); - return A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asEl, - $mdgriffith$elm_ui$Internal$Model$div, - attrs, - $mdgriffith$elm_ui$Internal$Model$Unkeyed( - _List_fromArray( - [ - A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asRow, - $mdgriffith$elm_ui$Internal$Model$div, - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$Attr( - A2( - $elm$html$Html$Attributes$style, - 'margin', - $elm$core$String$fromFloat(halfY) + ('px' + (' ' + ($elm$core$String$fromFloat(halfX) + 'px'))))), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$Attr( - A2( - $elm$html$Html$Attributes$style, - 'width', - 'calc(100% + ' + ($elm$core$String$fromInt(x) + 'px)'))), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$Attr( - A2( - $elm$html$Html$Attributes$style, - 'height', - 'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))), - A2( - $elm$core$List$cons, - A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$spacing, - A3($mdgriffith$elm_ui$Internal$Model$SpacingStyle, spaceName, x, y)), - _List_Nil))))), - $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)) - ]))); - } - } - }); -var $author$project$Component$filterMultiSelect = function (model) { - return _Utils_Tuple2( - 'Filter Multi Select', - A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, + $elm$svg$Svg$path, _List_fromArray( [ +<<<<<<< HEAD A2( $author$project$Widget$textInput, { @@ -15685,251 +17050,545 @@ var $author$project$Widget$FilterSelect$viewOptions = function (_v0) { return (raw === '') ? _List_Nil : $elm$core$Set$toList( A2( $elm$core$Set$filter, +======= + $elm$svg$Svg$Attributes$d('M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z') + ]), + _List_Nil) + ])); +var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif; +var $author$project$Widget$Style$Material$search = A3( + $author$project$Widget$Style$Material$icon, + '0 0 48 48', + 24, + _List_fromArray( + [ +>>>>>>> cc2ca06... finishing the material design + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M31 28h-1.59l-.55-.55C30.82 25.18 32 22.23 32 19c0-7.18-5.82-13-13-13S6 11.82 6 19s5.82 13 13 13c3.23 0 6.18-1.18 8.45-3.13l.55.55V31l10 9.98L40.98 38 31 28zm-12 0c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9z') + ]), + _List_Nil) + ])); +var $author$project$Widget$Style$Material$accessibleWithTextColor = F2( + function (c, color) { + var newConstrast = 7; + var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1)); + var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05; + var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1)); + var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast); + return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2( + $elm$core$Basics$composeR, + $noahzgordon$elm_color_extra$Color$Convert$colorToLab, A2( $elm$core$Basics$composeR, - $elm$core$String$toUpper, - $elm$core$String$contains( - $elm$core$String$toUpper(raw))), - options)); -}; -var $elm$html$Html$Attributes$width = function (n) { - return A2( - _VirtualDom_attribute, - 'width', - $elm$core$String$fromInt(n)); -}; -var $elm$svg$Svg$Attributes$clipRule = _VirtualDom_attribute('clip-rule'); -var $elm$svg$Svg$Attributes$fillRule = _VirtualDom_attribute('fill-rule'); -var $jasonliang512$elm_heroicons$Heroicons$Solid$x = function (attrs) { - return A2( - $elm$svg$Svg$svg, - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$viewBox('0 0 20 20'), + function (col) { + return _Utils_update( + col, + {l: 100 * lighterLuminance}); + }, + $noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2( + $elm$core$Basics$composeR, + $noahzgordon$elm_color_extra$Color$Convert$colorToLab, A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$fill('currentColor'), - attrs)), - _List_fromArray( - [ - A2( - $elm$svg$Svg$path, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$fillRule('evenodd'), - $elm$svg$Svg$Attributes$d('M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'), - $elm$svg$Svg$Attributes$clipRule('evenodd') - ]), - _List_Nil) - ])); -}; -var $author$project$Component$filterSelect = function (model) { - return _Utils_Tuple2( - 'Filter Select', - function () { - var _v0 = model.selected; - if (_v0.$ === 'Just') { - var selected = _v0.a; - return A2( - $mdgriffith$elm_ui$Element$row, - $Orasund$elm_ui_framework$Framework$Grid$compact, - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap($Orasund$elm_ui_framework$Framework$Tag$simple, $Orasund$elm_ui_framework$Framework$Group$left), - $mdgriffith$elm_ui$Element$text(selected)), - A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Tag$simple, - _Utils_ap($Orasund$elm_ui_framework$Framework$Group$right, $Orasund$elm_ui_framework$Framework$Color$danger)), - { - label: $mdgriffith$elm_ui$Element$html( - $jasonliang512$elm_heroicons$Heroicons$Solid$x( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(16) - ]))), - onPress: $elm$core$Maybe$Just( - $author$project$Component$FilterSelectSpecific( - $author$project$Widget$FilterSelect$Selected($elm$core$Maybe$Nothing))) - }) - ])); - } else { - return A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - A3( - $author$project$Widget$FilterSelect$viewInput, - $Orasund$elm_ui_framework$Framework$Input$simple, - model, - { - label: 'Fruit', - msgMapper: $author$project$Component$FilterSelectSpecific, - placeholder: $elm$core$Maybe$Just( - A2( - $mdgriffith$elm_ui$Element$Input$placeholder, - _List_Nil, - $mdgriffith$elm_ui$Element$text('Fruit'))) - }), - A2( - $mdgriffith$elm_ui$Element$wrappedRow, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(10) - ]), - A2( - $elm$core$List$map, - function (string) { - return A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Tag$simple), - { - label: $mdgriffith$elm_ui$Element$text(string), - onPress: $elm$core$Maybe$Just( - $author$project$Component$FilterSelectSpecific( - $author$project$Widget$FilterSelect$Selected( - $elm$core$Maybe$Just(string)))) - }); - }, - $author$project$Widget$FilterSelect$viewOptions(model))) - ])); - } - }()); -}; -var $author$project$Component$ValidatedInputSpecific = function (a) { - return {$: 'ValidatedInputSpecific', a: a}; -}; -var $jasonliang512$elm_heroicons$Heroicons$Solid$pencil = function (attrs) { - return A2( - $elm$svg$Svg$svg, - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$viewBox('0 0 20 20'), - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$fill('currentColor'), - attrs)), - _List_fromArray( - [ - A2( - $elm$svg$Svg$path, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$d('M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z') - ]), - _List_Nil) - ])); -}; -var $author$project$Widget$ValidatedInput$ChangedRaw = function (a) { - return {$: 'ChangedRaw', a: a}; -}; -var $author$project$Widget$ValidatedInput$LostFocus = {$: 'LostFocus'}; -var $author$project$Widget$ValidatedInput$StartEditing = {$: 'StartEditing'}; -var $elm$html$Html$Events$onBlur = function (msg) { - return A2( - $elm$html$Html$Events$on, - 'blur', - $elm$json$Json$Decode$succeed(msg)); -}; -var $mdgriffith$elm_ui$Element$Events$onLoseFocus = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onBlur); -var $author$project$Widget$ValidatedInput$view = F3( - function (attributes, _v0, _v1) { - var model = _v0.a; - var msgMapper = _v1.msgMapper; - var placeholder = _v1.placeholder; - var label = _v1.label; - var readOnly = _v1.readOnly; - var _v2 = model.raw; - if (_v2.$ === 'Just') { - var string = _v2.a; - return A2( - $mdgriffith$elm_ui$Element$Input$text, - _Utils_ap( - attributes, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Events$onLoseFocus( - msgMapper($author$project$Widget$ValidatedInput$LostFocus)) - ])), - { - label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), - onChange: A2($elm$core$Basics$composeR, $author$project$Widget$ValidatedInput$ChangedRaw, msgMapper), - placeholder: placeholder, - text: string - }); - } else { - return A2( - $mdgriffith$elm_ui$Element$Input$button, - _List_Nil, - { - label: readOnly(model.value), - onPress: $elm$core$Maybe$Just( - msgMapper($author$project$Widget$ValidatedInput$StartEditing)) - }); - } + $elm$core$Basics$composeR, + function (col) { + return _Utils_update( + col, + {l: 100 * darkerLuminance}); + }, + $noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c); }); -var $author$project$Component$validatedInput = function (model) { - return _Utils_Tuple2( - 'Validated Input', - A3( - $author$project$Widget$ValidatedInput$view, - $Orasund$elm_ui_framework$Framework$Input$simple, - model, - { - label: 'First Name, Sir Name', - msgMapper: $author$project$Component$ValidatedInputSpecific, - placeholder: $elm$core$Maybe$Nothing, - readOnly: function (maybeTuple) { - return A2( - $mdgriffith$elm_ui$Element$row, - $Orasund$elm_ui_framework$Framework$Grid$compact, +var $author$project$Widget$Style$Material$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50); +var $author$project$Widget$Style$Material$snackbar = function (palette) { + return { + button: function (b) { + return _Utils_update( + b, + { + container: _Utils_ap( + b.container, _List_fromArray( [ - A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap($Orasund$elm_ui_framework$Framework$Tag$simple, $Orasund$elm_ui_framework$Framework$Group$left), - $mdgriffith$elm_ui$Element$text( - function (_v0) { - var a = _v0.a; - var b = _v0.b; - return a + (' ' + b); - }(maybeTuple))), - A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Tag$simple, - _Utils_ap($Orasund$elm_ui_framework$Framework$Group$right, $Orasund$elm_ui_framework$Framework$Color$primary)), - $mdgriffith$elm_ui$Element$html( - $jasonliang512$elm_heroicons$Heroicons$Solid$pencil( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(16) - ])))) - ])); - } - })); + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$accessibleWithTextColor, palette.primary, $author$project$Widget$Style$Material$dark))) + ])) + }); + }( + $author$project$Widget$Style$Material$textButton(palette)), + containerRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$dark)), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor( + $author$project$Widget$Style$Material$accessibleTextColor($author$project$Widget$Style$Material$dark))), + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)), + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6), + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(2)) + ]), + text: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$centerX, + A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8) + ]) + }; }; -var $author$project$Component$view = F2( - function (msgMapper, model) { +var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface; +var $author$project$Widget$Style$Material$layout = F2( + function (palette, string) { return { - description: 'Components have a Model, an Update- and sometimes even a Subscription-function. It takes some time to set them up correctly.', - items: A2( - $elm$core$List$map, - $elm$core$Tuple$mapSecond( - $mdgriffith$elm_ui$Element$map(msgMapper)), + container: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.background), _List_fromArray( [ - $author$project$Component$filterSelect(model.filterSelect), - $author$project$Component$filterMultiSelect(model.filterMultiSelect), - $author$project$Component$validatedInput(model.validatedInput) + $mdgriffith$elm_ui$Element$Font$family( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$typeface('Roboto'), + $mdgriffith$elm_ui$Element$Font$sansSerif + ])), + $mdgriffith$elm_ui$Element$Font$size(16), + $mdgriffith$elm_ui$Element$Font$letterSpacing(0.5) ])), - title: 'Components' + header: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.primary), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(56)), + $mdgriffith$elm_ui$Element$padding(16), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill)) + ])), + layout: $mdgriffith$elm_ui$Element$layout, + menuButton: $author$project$Widget$Style$Material$iconButton(palette), + menuIcon: $author$project$Widget$Style$Material$menu, + menuTabButton: $author$project$Widget$Style$Material$menuTabButton(palette), + moreVerticalIcon: $author$project$Widget$Style$Material$more_vert, + search: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.surface), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(32)), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(4)) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(2)) + ])), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)), + $mdgriffith$elm_ui$Element$alignRight + ])), + searchFill: $author$project$Widget$Style$Material$textAndBackground(palette.surface), + searchIcon: $author$project$Widget$Style$Material$search, + sheet: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.surface), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)), + $mdgriffith$elm_ui$Element$padding(8), + $mdgriffith$elm_ui$Element$spacing(8) + ])), + sheetButton: $author$project$Widget$Style$Material$drawerButton(palette), + snackbar: $author$project$Widget$Style$Material$snackbar(palette), + spacing: 8, + title: _Utils_ap( + $author$project$Widget$Style$Material$h6, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0) + ])) }; }); +var $author$project$Widget$Style$Material$outlinedButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).container, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor(palette.primary)), + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonPressedOpacity, $author$project$Widget$Style$Material$gray))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonFocusOpacity, $author$project$Widget$Style$Material$gray))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, $author$project$Widget$Style$Material$gray))) + ])) + ])), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, $author$project$Widget$Style$Material$gray))) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).labelRow, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0) + ])), + otherwise: _List_Nil, + text: $author$project$Widget$Style$Material$baseButton(palette).text + }; +}; +var $author$project$Widget$Style$Material$row = { + containerRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + element: _List_Nil, + ifFirst: _List_Nil, + ifLast: _List_Nil, + otherwise: _List_Nil +}; +var $author$project$Data$Style$Material$sortTable = function (palette) { + return { + ascIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)), + containerTable: _List_Nil, + defaultIcon: $mdgriffith$elm_ui$Element$none, + descIcon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)), + headerButton: $author$project$Widget$Style$Material$textButton(palette) + }; +}; +var $author$project$Widget$Style$Material$tabButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$buttonFont, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$width( + A2( + $mdgriffith$elm_ui$Element$minimum, + 90, + A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))), + A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor(palette.primary)), + $mdgriffith$elm_ui$Element$mouseDown( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))) + ])) + ])), + ifActive: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 2, left: 0, right: 0, top: 0}) + ]), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$centerX + ]), + otherwise: _List_Nil, + text: _List_Nil + }; +}; +var $author$project$Widget$Style$Material$tab = function (palette) { + return { + button: $author$project$Widget$Style$Material$tabButton(palette), + containerColumn: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + content: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + optionRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spaceEvenly, + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(4)) + ]) + }; +}; +var $author$project$Widget$Style$Material$textInput = function (palette) { + return { + chipButton: $author$project$Widget$Style$Material$chip(palette), + chipsRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8) + ]), + containerRow: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.surface), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Border$rounded(4), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))), + $mdgriffith$elm_ui$Element$focused( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(4)), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor(palette.primary)) + ])), + $mdgriffith$elm_ui$Element$mouseOver( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$shadow( + $author$project$Widget$Style$Material$shadow(2)) + ])) + ])), + input: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.surface), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$width(0), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil), + $mdgriffith$elm_ui$Element$focused(_List_Nil) + ])) + }; +}; +var $author$project$Widget$Style$Material$toggleButton = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$buttonFont, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(48)), + $mdgriffith$elm_ui$Element$padding(4), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$mouseDown( + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.surface)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonPressedOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface)))) + ]))), + $mdgriffith$elm_ui$Element$focused(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver( + _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonHoverOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface)))) + ]))) + ])), + ifActive: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonSelectedOpacity, palette.surface)), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A3( + $author$project$Widget$Style$Material$withShade, + palette.on.surface, + $author$project$Widget$Style$Material$buttonSelectedOpacity, + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface)))), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil) + ])), + ifDisabled: _Utils_ap( + $author$project$Widget$Style$Material$baseButton(palette).ifDisabled, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Background$color( + $author$project$Widget$Style$Material$fromColor(palette.surface)), + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))), + $mdgriffith$elm_ui$Element$Font$color( + $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)), + $mdgriffith$elm_ui$Element$mouseDown(_List_Nil), + $mdgriffith$elm_ui$Element$mouseOver(_List_Nil) + ])), + labelRow: _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(8), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$Border$rounded(24), + $mdgriffith$elm_ui$Element$padding(8), + $mdgriffith$elm_ui$Element$focused( + $author$project$Widget$Style$Material$textAndBackground( + A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.surface))) + ]), + otherwise: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.surface), + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$color( + $author$project$Widget$Style$Material$fromColor( + A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))) + ])), + text: _List_fromArray( + [$mdgriffith$elm_ui$Element$centerX]) + }; +}; +var $author$project$Data$Style$Material$style = function (palette) { + return { + button: $author$project$Widget$Style$Material$outlinedButton(palette), + buttonRow: $author$project$Widget$Style$Material$buttonRow, + cardColumn: $author$project$Widget$Style$Material$cardColumn(palette), + chipButton: $author$project$Widget$Style$Material$chip(palette), + column: $author$project$Widget$Style$Material$column, + dialog: $author$project$Widget$Style$Material$alertDialog(palette), + expansionPanel: $author$project$Widget$Style$Material$expansionPanel(palette), + layout: A2($author$project$Widget$Style$Material$layout, palette, 'layout'), + primaryButton: $author$project$Widget$Style$Material$containedButton(palette), + row: $author$project$Widget$Style$Material$row, + selectButton: $author$project$Widget$Style$Material$toggleButton(palette), + sortTable: $author$project$Data$Style$Material$sortTable(palette), + tab: $author$project$Widget$Style$Material$tab(palette), + textInput: $author$project$Widget$Style$Material$textInput(palette) + }; +}; +var $mdgriffith$elm_ui$Internal$Model$Above = {$: 'Above'}; +var $mdgriffith$elm_ui$Element$above = function (element) { + return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Above, element); +}; +var $author$project$Widget$Style$Template$fontSize = 10; +var $author$project$Widget$Style$Template$box = function (string) { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$Background$color( + A4($mdgriffith$elm_ui$Element$rgba, 1, 1, 1, 0.5)), + $mdgriffith$elm_ui$Element$padding(10), + $mdgriffith$elm_ui$Element$spacing(10), + $mdgriffith$elm_ui$Element$above( + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize) + ]), + $mdgriffith$elm_ui$Element$text(string))) + ]); +}; +var $mdgriffith$elm_ui$Internal$Model$Below = {$: 'Below'}; +var $mdgriffith$elm_ui$Element$below = function (element) { + return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Below, element); +}; +var $mdgriffith$elm_ui$Element$rgb = F3( + function (r, g, b) { + return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1); + }); +<<<<<<< HEAD var $author$project$Layout$LeftSheet = {$: 'LeftSheet'}; var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'}; var $author$project$Layout$RightSheet = {$: 'RightSheet'}; @@ -15942,15 +17601,34 @@ var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'}; var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'}; var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'}; var $mdgriffith$elm_ui$Element$classifyDevice = function (window) { +======= +var $author$project$Widget$Style$Template$decoration = function (string) { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$below( + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize) + ]), + $mdgriffith$elm_ui$Element$text(string))), + $mdgriffith$elm_ui$Element$Background$color( + A3($mdgriffith$elm_ui$Element$rgb, 0.66, 0.66, 0.66)) + ]); +}; +var $author$project$Widget$Style$Template$button = function (string) { +>>>>>>> cc2ca06... finishing the material design return { - _class: function () { - var shortSide = A2($elm$core$Basics$min, window.width, window.height); - var longSide = A2($elm$core$Basics$max, window.width, window.height); - return (shortSide < 600) ? $mdgriffith$elm_ui$Element$Phone : ((longSide <= 1200) ? $mdgriffith$elm_ui$Element$Tablet : (((longSide > 1200) && (longSide <= 1920)) ? $mdgriffith$elm_ui$Element$Desktop : $mdgriffith$elm_ui$Element$BigDesktop)); - }(), - orientation: (_Utils_cmp(window.width, window.height) < 0) ? $mdgriffith$elm_ui$Element$Portrait : $mdgriffith$elm_ui$Element$Landscape + container: $author$project$Widget$Style$Template$box(string + ':container'), + ifActive: $author$project$Widget$Style$Template$decoration(string + ':ifActive'), + ifDisabled: $author$project$Widget$Style$Template$decoration(string + ':ifDisabled'), + labelRow: $author$project$Widget$Style$Template$box(string + ':labelRow'), + otherwise: $author$project$Widget$Style$Template$decoration(string + ':otherwise'), + text: $author$project$Widget$Style$Template$box(string + ':text') }; }; +<<<<<<< HEAD var $elm$core$List$drop = F2( function (n, list) { drop: @@ -16193,10 +17871,261 @@ var $elm$core$List$takeFast = F3( var $elm$core$List$take = F2( function (n, list) { return A3($elm$core$List$takeFast, 0, n, list); - }); -var $author$project$Widget$Snackbar$current = function (model) { - return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current); +======= +var $author$project$Widget$Style$Template$column = function (string) { + return { + containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'), + element: $author$project$Widget$Style$Template$box(string + ':element'), + ifFirst: $author$project$Widget$Style$Template$box(string + ':ifFirst'), + ifLast: $author$project$Widget$Style$Template$box(string + ':ifLast'), + otherwise: $author$project$Widget$Style$Template$box(string + ':otherwise') + }; }; +var $author$project$Widget$Style$Template$dialog = function (string) { + return { + acceptButton: $author$project$Widget$Style$Template$button(string + ':acceptButton'), + buttonRow: $author$project$Widget$Style$Template$box(string + ':buttonRow'), + containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'), + dismissButton: $author$project$Widget$Style$Template$button(string + ':dismissButton'), + text: $author$project$Widget$Style$Template$box(string + ':text'), + title: $author$project$Widget$Style$Template$box(string + ':title') + }; +}; +var $author$project$Widget$Style$Template$icon = function (string) { + return A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width( + $mdgriffith$elm_ui$Element$px(12)), + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(12)), + $mdgriffith$elm_ui$Element$Border$rounded(6), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$above( + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize) + ]), + $mdgriffith$elm_ui$Element$text(string))) + ]), + $mdgriffith$elm_ui$Element$none); +}; +var $author$project$Widget$Style$Template$expansionPanel = function (string) { + return { + collapseIcon: $author$project$Widget$Style$Template$icon(string + ':collapseIcon'), + containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'), + content: $author$project$Widget$Style$Template$box(string + ':content'), + expandIcon: $author$project$Widget$Style$Template$icon(string + ':expandIcon'), + labelRow: $author$project$Widget$Style$Template$box(string + ':labelRow'), + panelRow: $author$project$Widget$Style$Template$box(string + ':panelRow') + }; +}; +var $author$project$Widget$Style$Template$snackbar = function (string) { + return { + button: $author$project$Widget$Style$Template$button(string + ':button'), + containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'), + text: $author$project$Widget$Style$Template$box(string + ':text') + }; +}; +var $author$project$Widget$Style$Template$layout = function (string) { + return { + container: $author$project$Widget$Style$Template$box(string + ':container'), + header: $author$project$Widget$Style$Template$box(string + ':header'), + layout: $mdgriffith$elm_ui$Element$layout, + menuButton: $author$project$Widget$Style$Template$button(string + ':menuButton'), + menuIcon: $author$project$Widget$Style$Template$icon(string + ':menuIcon'), + menuTabButton: $author$project$Widget$Style$Template$button(string + ':menuTabButton'), + moreVerticalIcon: $author$project$Widget$Style$Template$icon(string + ':moreVerticalIcon'), + search: $author$project$Widget$Style$Template$box(string + ':search'), + searchFill: $author$project$Widget$Style$Template$box(string + ':searchFill'), + searchIcon: $author$project$Widget$Style$Template$icon(string + ':searchIcon'), + sheet: $author$project$Widget$Style$Template$box(string + ':sheet'), + sheetButton: $author$project$Widget$Style$Template$button(string + ':sheetButton'), + snackbar: $author$project$Widget$Style$Template$snackbar(string + ':snackbar'), + spacing: 8, + title: $author$project$Widget$Style$Template$box(string + ':title') + }; +}; +var $author$project$Widget$Style$Template$row = function (string) { + return { + containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'), + element: $author$project$Widget$Style$Template$box(string + ':element'), + ifFirst: $author$project$Widget$Style$Template$box(string + ':ifFirst'), + ifLast: $author$project$Widget$Style$Template$box(string + ':ifLast'), + otherwise: $author$project$Widget$Style$Template$box(string + ':otherwise') + }; +}; +var $author$project$Widget$Style$Template$sortTable = function (string) { + return { + ascIcon: $author$project$Widget$Style$Template$icon(string + ':ascIcon'), + containerTable: $author$project$Widget$Style$Template$box(string + ':containerTable'), + defaultIcon: $author$project$Widget$Style$Template$icon(string + ':defaultIcon'), + descIcon: $author$project$Widget$Style$Template$icon(string + ':descIcon'), + headerButton: $author$project$Widget$Style$Template$button(string + ':headerButton') + }; +}; +var $author$project$Widget$Style$Template$tab = function (string) { + return { + button: $author$project$Widget$Style$Template$button(string + ':button'), + containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'), + content: $author$project$Widget$Style$Template$box(string + ':content'), + optionRow: $author$project$Widget$Style$Template$box(string + ':optionRow') + }; +}; +var $author$project$Widget$Style$Template$textInput = function (string) { + return { + chipButton: $author$project$Widget$Style$Template$button(string + ':chipButton'), + chipsRow: $author$project$Widget$Style$Template$box(string + ':chipsRow'), + containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'), + input: $author$project$Widget$Style$Template$box(string + ':input') + }; +}; +var $author$project$Data$Style$Template$style = { + button: $author$project$Widget$Style$Template$button('button'), + buttonRow: $author$project$Widget$Style$Template$row('buttonRow'), + cardColumn: $author$project$Widget$Style$Template$column('cardRow'), + chipButton: $author$project$Widget$Style$Template$button('chipButton'), + column: $author$project$Widget$Style$Template$column('column'), + dialog: $author$project$Widget$Style$Template$dialog('dialog'), + expansionPanel: $author$project$Widget$Style$Template$expansionPanel('expansionPanel'), + layout: $author$project$Widget$Style$Template$layout('layout'), + primaryButton: $author$project$Widget$Style$Template$button('primaryButton'), + row: $author$project$Widget$Style$Template$row('row'), + selectButton: $author$project$Widget$Style$Template$button('selectButton'), + sortTable: $author$project$Widget$Style$Template$sortTable('sortTable'), + tab: $author$project$Widget$Style$Template$tab('tab'), + textInput: $author$project$Widget$Style$Template$textInput('textInput') +}; +var $author$project$Data$Theme$toStyle = function (theme) { + switch (theme.$) { + case 'ElmUiFramework': + return $author$project$Data$Style$ElmUiFramework$style; + case 'Template': + return $author$project$Data$Style$Template$style; + case 'Material': + return $author$project$Data$Style$Material$style($author$project$Widget$Style$Material$defaultPalette); + default: + return $author$project$Data$Style$Material$style($author$project$Widget$Style$Material$darkPalette); + } +}; +var $author$project$Reusable$layout = function (_v0) { + return _Utils_Tuple3( + 'Layout', + A2( + $mdgriffith$elm_ui$Element$paragraph, + _List_Nil, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text('The layout combines the menu bar, both side bar, the dialog window and the snackbar. Try using all of them and also try resizing the window to see how they interact with each other.'))), + $mdgriffith$elm_ui$Element$none); +}; +var $author$project$Reusable$scrollingNavCard = function (_v0) { + return _Utils_Tuple3( + 'Scrolling Nav', + A2( + $mdgriffith$elm_ui$Element$paragraph, + _List_Nil, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))), + $mdgriffith$elm_ui$Element$none); +}; +var $author$project$Widget$button = $author$project$Internal$Button$button; +var $author$project$Reusable$snackbar = F2( + function (style, addSnackbar) { + return _Utils_Tuple3( + 'Snackbar', + A2( + $mdgriffith$elm_ui$Element$column, + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + A2( + $author$project$Widget$button, + style.button, + { + icon: $mdgriffith$elm_ui$Element$none, + onPress: $elm$core$Maybe$Just( + addSnackbar( + _Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false))), + text: 'Add Notification' + }), + A2( + $author$project$Widget$button, + style.button, + { + icon: $mdgriffith$elm_ui$Element$none, + onPress: $elm$core$Maybe$Just( + addSnackbar( + _Utils_Tuple2('You can add another notification if you want.', true))), + text: 'Add Notification with Action' + }) + ])), + $mdgriffith$elm_ui$Element$none); +>>>>>>> cc2ca06... finishing the material design + }); +var $author$project$Reusable$view = function (_v0) { + var theme = _v0.theme; + var addSnackbar = _v0.addSnackbar; + var style = $author$project$Data$Theme$toStyle(theme); + return { + description: 'Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.', + items: _List_fromArray( + [ + A2($author$project$Reusable$snackbar, style, addSnackbar), + $author$project$Reusable$scrollingNavCard(style), + $author$project$Reusable$layout(style) + ]), + title: 'Reusable Views' + }; +}; +var $author$project$Stateless$Idle = {$: 'Idle'}; +var $author$project$Data$Example$get = function (example) { + switch (example.$) { + case 'ButtonExample': + return function ($) { + return $.button; + }; + case 'SelectExample': + return function ($) { + return $.select; + }; + case 'MultiSelectExample': + return function ($) { + return $.multiSelect; + }; + case 'ExpansionPanelExample': + return function ($) { + return $.expansionPanel; + }; + case 'TabExample': + return function ($) { + return $.tab; + }; + case 'SortTableExample': + return function ($) { + return $.sortTable; + }; + case 'ModalExample': + return function ($) { + return $.modal; + }; + case 'DialogExample': + return function ($) { + return $.dialog; + }; + case 'TextInputExample': + return function ($) { + return $.textInput; + }; + default: + return function ($) { + return $.list; + }; + } +}; +<<<<<<< HEAD var $author$project$Widget$Snackbar$view = F3( function (style, toMessage, model) { return A2( @@ -16227,56 +18156,382 @@ var $author$project$Widget$Snackbar$view = F3( ])); }), $author$project$Widget$Snackbar$current(model)); - }); -var $author$project$Layout$view = F2( - function (attributes, _v0) { - var search = _v0.search; - var title = _v0.title; - var onChangedSidebar = _v0.onChangedSidebar; - var menu = _v0.menu; - var actions = _v0.actions; - var window = _v0.window; - var dialog = _v0.dialog; - var content = _v0.content; - var style = _v0.style; - var layout = _v0.layout; - var snackbar = A2( - $elm$core$Maybe$withDefault, - $mdgriffith$elm_ui$Element$none, - A2( - $elm$core$Maybe$map, - $mdgriffith$elm_ui$Element$el( +======= +var $mdgriffith$elm_ui$Internal$Model$Label = function (a) { + return {$: 'Label', a: a}; +}; +var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label); +var $author$project$Internal$Button$iconButton = F2( + function (style, _v0) { + var onPress = _v0.onPress; + var text = _v0.text; + var icon = _v0.icon; + return A2( + $mdgriffith$elm_ui$Element$Input$button, + _Utils_ap( + style.container, + _Utils_ap( + _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise, _List_fromArray( [ - $mdgriffith$elm_ui$Element$padding(style.spacing), - $mdgriffith$elm_ui$Element$alignBottom, - $mdgriffith$elm_ui$Element$alignRight - ])), - A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar))); - var deviceClass = $mdgriffith$elm_ui$Element$classifyDevice(window)._class; - var _v1 = _Utils_Tuple2( - ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions))), - ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions)))); - var primaryActions = _v1.a; - var moreActions = _v1.b; - var sheet = function () { - var _v5 = layout.active; - if (_v5.$ === 'Just') { - switch (_v5.a.$) { - case 'LeftSheet': - var _v6 = _v5.a; - return A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap( - style.sheet, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), - $mdgriffith$elm_ui$Element$alignLeft - ])), + $mdgriffith$elm_ui$Element$Region$description(text) + ]))), + { + label: A2( + $mdgriffith$elm_ui$Element$el, + style.labelRow, + A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon)), + onPress: onPress + }); + }); +var $author$project$Widget$iconButton = $author$project$Internal$Button$iconButton; +var $author$project$Internal$Select$selectButton = F2( + function (style, _v0) { + var selected = _v0.a; + var b = _v0.b; + return A2( + $mdgriffith$elm_ui$Element$Input$button, + _Utils_ap( + style.container, + _Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)), + { + label: A2( + $mdgriffith$elm_ui$Element$row, + style.labelRow, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, b.icon), A2( - $mdgriffith$elm_ui$Element$column, + $mdgriffith$elm_ui$Element$el, + style.text, + $mdgriffith$elm_ui$Element$text(b.text)) + ])), + onPress: b.onPress + }); + }); +var $author$project$Widget$selectButton = $author$project$Internal$Select$selectButton; +var $author$project$Widget$textButton = F2( + function (style, _v0) { + var text = _v0.text; + var onPress = _v0.onPress; + return A2( + $author$project$Internal$Button$textButton, + style, + {onPress: onPress, text: text}); + }); +var $author$project$Icons$triangle = A2( + $author$project$Icons$svgFeatherIcon, + 'triangle', + _List_fromArray( + [ + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z') + ]), + _List_Nil) + ])); +var $author$project$View$Test$button = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Button', + A2( + $author$project$Widget$button, + style.button, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'Button' + })), + _Utils_Tuple2( + 'Text button', + A2( + $author$project$Widget$textButton, + style.button, + { + onPress: $elm$core$Maybe$Just(idle), + text: 'Button' + })), + _Utils_Tuple2( + 'Icon button', + A2( + $author$project$Widget$iconButton, + style.button, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'Button' + })), + _Utils_Tuple2( + 'Disabled button', + A2( + $author$project$Widget$button, + style.button, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Nothing, + text: 'Button' + })), + _Utils_Tuple2( + 'Inactive Select button', + A2( + $author$project$Widget$selectButton, + style.button, + _Utils_Tuple2( + false, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'Button' + }))), + _Utils_Tuple2( + 'Active Select button', + A2( + $author$project$Widget$selectButton, + style.button, + _Utils_Tuple2( + true, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'Button' + }))) + ]); +>>>>>>> cc2ca06... finishing the material design + }); +var $author$project$View$Test$dialog = F2( + function (_v0, _v1) { + return _List_Nil; + }); +var $author$project$Internal$ExpansionPanel$expansionPanel = F2( + function (style, model) { + return A2( + $mdgriffith$elm_ui$Element$column, + style.containerColumn, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$row, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$Events$onClick( + model.onToggle(!model.isExpanded)), + style.panelRow), + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$row, + style.labelRow, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, model.icon), + $mdgriffith$elm_ui$Element$text(model.text) + ])), + A2( + $mdgriffith$elm_ui$Element$map, + $elm$core$Basics$never, + model.isExpanded ? style.collapseIcon : style.expandIcon) + ])), + model.isExpanded ? A2($mdgriffith$elm_ui$Element$el, style.content, model.content) : $mdgriffith$elm_ui$Element$none + ])); + }); +var $author$project$Widget$expansionPanel = $author$project$Internal$ExpansionPanel$expansionPanel; +var $author$project$View$Test$expansionPanel = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Collapsed', + A2( + $author$project$Widget$expansionPanel, + style.expansionPanel, + { + content: $mdgriffith$elm_ui$Element$text('Hidden Message'), + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + isExpanded: false, + onToggle: $elm$core$Basics$always(idle), + text: 'Button' + })), + _Utils_Tuple2( + 'Expanded', + A2( + $author$project$Widget$expansionPanel, + style.expansionPanel, + { + content: $mdgriffith$elm_ui$Element$text('Hidden Message'), + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + isExpanded: true, + onToggle: $elm$core$Basics$always(idle), + text: 'Button' + })) + ]); + }); +var $author$project$Internal$List$row = function (style) { + return A2( + $elm$core$Basics$composeR, + $author$project$Internal$List$internal(style), + $mdgriffith$elm_ui$Element$row(style.containerRow)); +}; +var $author$project$Widget$row = $author$project$Internal$List$row; +var $author$project$View$Test$list = F2( + function (_v0, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Row', + A2( + $author$project$Widget$row, + style.row, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$text('A'), + $mdgriffith$elm_ui$Element$text('B'), + $mdgriffith$elm_ui$Element$text('C') + ]))), + _Utils_Tuple2( + 'Column', + A2( + $author$project$Widget$column, + style.cardColumn, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$text('A'), + $mdgriffith$elm_ui$Element$text('B'), + $mdgriffith$elm_ui$Element$text('C') + ]))), + _Utils_Tuple2( + 'Singleton List', + A2( + $author$project$Widget$column, + style.cardColumn, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$text('A') + ]))), + _Utils_Tuple2( + 'Empty List', + A2($author$project$Widget$column, style.cardColumn, _List_Nil)) + ]); + }); +var $author$project$View$Test$modal = F2( + function (_v0, _v1) { + return _List_Nil; + }); +var $author$project$Internal$List$internalButton = F2( + function (style, list) { + return A2( + $elm$core$List$indexedMap, + function (i) { + return A2( + $elm$core$Basics$composeR, + $author$project$Internal$Select$selectButton( + { + container: _Utils_ap( + style.button.container, + _Utils_ap( + style.list.element, + ($elm$core$List$length(list) === 1) ? _List_Nil : ((!i) ? style.list.ifFirst : (_Utils_eq( + i, + $elm$core$List$length(list) - 1) ? style.list.ifLast : style.list.otherwise)))), + ifActive: style.button.ifActive, + ifDisabled: style.button.ifDisabled, + labelRow: style.button.labelRow, + otherwise: style.button.otherwise, + text: style.button.text + }), + $mdgriffith$elm_ui$Element$el(_List_Nil)); + }, + list); + }); +var $author$project$Internal$List$buttonRow = function (style) { + return A2( + $elm$core$Basics$composeR, + $author$project$Internal$List$internalButton(style), + $mdgriffith$elm_ui$Element$row(style.list.containerRow)); +}; +var $author$project$Widget$buttonRow = $author$project$Internal$List$buttonRow; +var $elm$core$Set$fromList = function (list) { + return A3($elm$core$List$foldl, $elm$core$Set$insert, $elm$core$Set$empty, list); +}; +var $author$project$Internal$Select$multiSelect = function (_v0) { + var selected = _v0.selected; + var options = _v0.options; + var onSelect = _v0.onSelect; + return A2( + $elm$core$List$indexedMap, + F2( + function (i, a) { + return _Utils_Tuple2( + A2($elm$core$Set$member, i, selected), + { + icon: a.icon, + onPress: onSelect(i), + text: a.text + }); + }), + options); +}; +var $author$project$Widget$multiSelect = $author$project$Internal$Select$multiSelect; +var $elm$core$Dict$singleton = F2( + function (key, value) { + return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, key, value, $elm$core$Dict$RBEmpty_elm_builtin, $elm$core$Dict$RBEmpty_elm_builtin); + }); +var $elm$core$Set$singleton = function (key) { + return $elm$core$Set$Set_elm_builtin( + A2($elm$core$Dict$singleton, key, _Utils_Tuple0)); +}; +var $author$project$View$Test$multiSelect = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Some selected', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, _List_fromArray( + [1, 2, 42])), + selected: $elm$core$Set$fromList( + _List_fromArray( +<<<<<<< HEAD [ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) ]), @@ -16296,14 +18551,54 @@ var $author$project$Layout$view = F2( $mdgriffith$elm_ui$Element$el, _Utils_ap( style.sheet, +======= + [0, 1])) + }))), + _Utils_Tuple2( + 'Nothing selected', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, +>>>>>>> cc2ca06... finishing the material design _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), - $mdgriffith$elm_ui$Element$alignRight - ])), - A2( - $mdgriffith$elm_ui$Element$column, + [1, 2, 42])), + selected: $elm$core$Set$empty + }))), + _Utils_Tuple2( + 'Invalid selection', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, _List_fromArray( +<<<<<<< HEAD [ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) ]), @@ -16319,356 +18614,230 @@ var $author$project$Layout$view = F2( var label = search.a.label; return A2( $mdgriffith$elm_ui$Element$el, +======= + [1, 2, 42])), + selected: $elm$core$Set$singleton(-1) + }))), + _Utils_Tuple2( + 'Disabled selection', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, +>>>>>>> cc2ca06... finishing the material design _List_fromArray( - [ - $mdgriffith$elm_ui$Element$alignTop, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ]), - A2( - $mdgriffith$elm_ui$Element$Input$text, - _Utils_ap( - style.searchFill, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ])), - { - label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), - onChange: onChange, - placeholder: $elm$core$Maybe$Just( - A2( - $mdgriffith$elm_ui$Element$Input$placeholder, - _List_Nil, - $mdgriffith$elm_ui$Element$text(label))), - text: text - })); - } else { - return $mdgriffith$elm_ui$Element$none; - } - } - } else { - return $mdgriffith$elm_ui$Element$none; - } - }(); - var nav = A2( - $mdgriffith$elm_ui$Element$row, - _Utils_ap( - style.header, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(0), - $mdgriffith$elm_ui$Element$centerX, - $mdgriffith$elm_ui$Element$spacing(style.spacing), - $mdgriffith$elm_ui$Element$alignTop, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ])), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - $mdgriffith$elm_ui$Element$spacing(style.spacing) - ]), - (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray( - [ - A2( - $author$project$Widget$Button$viewIconOnly, - style.menuButton, - { - icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon), - onPress: $elm$core$Maybe$Just( - onChangedSidebar( - $elm$core$Maybe$Just($author$project$Layout$LeftSheet))), - text: 'Menu' - }), - A2( - $elm$core$Maybe$withDefault, - title, - A2( - $elm$core$Maybe$map, - A2( - $elm$core$Basics$composeR, - function ($) { - return $.text; - }, - A2( - $elm$core$Basics$composeR, - $mdgriffith$elm_ui$Element$text, - $mdgriffith$elm_ui$Element$el(style.title))), - A2( - $elm$core$Maybe$andThen, - function (option) { - return A2( - $elm$core$Array$get, - option, - $elm$core$Array$fromList(menu.options)); - }, - menu.selected))) - ]) : _List_fromArray( - [ - title, - A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) - ]), - A2( + [1, 2, 42])), + selected: $elm$core$Set$singleton(0) + }))), + _Utils_Tuple2( + 'Empty Options', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( $elm$core$List$map, - $author$project$Core$Style$menuTabButton(style), - $author$project$Widget$select(menu))) - ])), - (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2( - $elm$core$Maybe$withDefault, - $mdgriffith$elm_ui$Element$none, - A2( - $elm$core$Maybe$map, - function (_v3) { - var onChange = _v3.onChange; - var text = _v3.text; - var label = _v3.label; - return A2( - $mdgriffith$elm_ui$Element$Input$text, - style.search, - { - label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), - onChange: onChange, - placeholder: $elm$core$Maybe$Just( - A2( - $mdgriffith$elm_ui$Element$Input$placeholder, - _List_Nil, - $mdgriffith$elm_ui$Element$text(label))), - text: text - }); - }, - search)), - A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - $mdgriffith$elm_ui$Element$alignRight - ]), - $elm$core$List$concat( - _List_fromArray( - [ - A2( - $elm$core$Maybe$withDefault, - _List_Nil, - A2( - $elm$core$Maybe$map, - function (_v4) { - var label = _v4.label; - return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray( - [ - A2( - $author$project$Widget$Button$view, - style.menuButton, - { - icon: style.searchIcon, - onPress: $elm$core$Maybe$Just( - onChangedSidebar( - $elm$core$Maybe$Just($author$project$Layout$Search))), - text: label - }) - ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray( - [ - A2( - $author$project$Core$Style$menuIconButton, - style, - { - icon: style.searchIcon, - onPress: $elm$core$Maybe$Just( - onChangedSidebar( - $elm$core$Maybe$Just($author$project$Layout$Search))), - text: label - }) - ]) : _List_Nil); - }, - search)), - A2( - $elm$core$List$map, - _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Core$Style$menuIconButton(style) : $author$project$Widget$Button$view(style.menuButton), - primaryActions), - $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray( - [ - A2( - $author$project$Widget$Button$viewIconOnly, - style.menuButton, - { - icon: style.moreVerticalIcon, - onPress: $elm$core$Maybe$Just( - onChangedSidebar( - $elm$core$Maybe$Just($author$project$Layout$RightSheet))), - text: 'More' - }) - ]) - ]))) - ])); - return A2( - style.layout, - $elm$core$List$concat( - _List_fromArray( - [ - attributes, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$inFront(nav), - $mdgriffith$elm_ui$Element$inFront(snackbar) - ]), - ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) ? A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(window.height)), - function () { - if (dialog.$ === 'Just') { - var dialogConfig = dialog.a; - return $author$project$Widget$modal(dialogConfig); - } else { - return $author$project$Widget$modal( - { - content: sheet, - onDismiss: $elm$core$Maybe$Just( - onChangedSidebar($elm$core$Maybe$Nothing)) - }); - } - }()) : _List_Nil - ])), - content); + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_Nil), + selected: $elm$core$Set$empty + }))) + ]); }); -var $author$project$Reusable$scrollingNavCard = _Utils_Tuple2( - 'Scrolling Nav', - A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.')))); -var $author$project$Reusable$snackbar = function (addSnackbar) { - return _Utils_Tuple2( - 'Snackbar', - A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$Input$button, - $Orasund$elm_ui_framework$Framework$Button$simple, - { - label: A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Add Notification'))), - onPress: $elm$core$Maybe$Just( - addSnackbar( - _Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false))) - }), - A2( - $mdgriffith$elm_ui$Element$Input$button, - $Orasund$elm_ui_framework$Framework$Button$simple, - { - label: A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Add Notification with Action'))), - onPress: $elm$core$Maybe$Just( - addSnackbar( - _Utils_Tuple2('You can add another notification if you want.', true))) - }) - ]))); -}; -var $author$project$Reusable$SortBy = function (a) { - return {$: 'SortBy', a: a}; -}; -var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown = function (attrs) { +var $author$project$Internal$Select$select = function (_v0) { + var selected = _v0.selected; + var options = _v0.options; + var onSelect = _v0.onSelect; return A2( - $elm$svg$Svg$svg, - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$viewBox('0 0 20 20'), - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$fill('currentColor'), - attrs)), - _List_fromArray( - [ - A2( - $elm$svg$Svg$path, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$fillRule('evenodd'), - $elm$svg$Svg$Attributes$d('M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'), - $elm$svg$Svg$Attributes$clipRule('evenodd') - ]), - _List_Nil) - ])); + $elm$core$List$indexedMap, + F2( + function (i, a) { + return _Utils_Tuple2( + _Utils_eq( + selected, + $elm$core$Maybe$Just(i)), + { + icon: a.icon, + onPress: onSelect(i), + text: a.text + }); + }), + options); }; -var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronUp = function (attrs) { - return A2( - $elm$svg$Svg$svg, - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$viewBox('0 0 20 20'), - A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$fill('currentColor'), - attrs)), - _List_fromArray( +var $author$project$Widget$select = $author$project$Internal$Select$select; +var $author$project$View$Test$select = F2( + function (idle, style) { + return _List_fromArray( [ + _Utils_Tuple2( + 'First selected', A2( - $elm$svg$Svg$path, - _List_fromArray( - [ - $elm$svg$Svg$Attributes$fillRule('evenodd'), - $elm$svg$Svg$Attributes$d('M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z'), - $elm$svg$Svg$Attributes$clipRule('evenodd') - ]), - _List_Nil) - ])); + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: $elm$core$Maybe$Just(0) + }))), + _Utils_Tuple2( + 'Nothing selected', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: $elm$core$Maybe$Nothing + }))), + _Utils_Tuple2( + 'Invalid selection', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: $elm$core$Maybe$Just(-1) + }))), + _Utils_Tuple2( + 'Disabled selection', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: $elm$core$Maybe$Just(0) + }))), + _Utils_Tuple2( + 'Empty Options', + A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_Nil), + selected: $elm$core$Maybe$Nothing + }))) + ]); + }); +var $author$project$Internal$SortTable$Column = function (a) { + return {$: 'Column', a: a}; }; -var $author$project$Widget$SortTable$FloatColumn = function (a) { +var $author$project$Internal$SortTable$FloatColumn = function (a) { return {$: 'FloatColumn', a: a}; }; -var $author$project$Widget$SortTable$floatColumn = function (_v0) { +var $author$project$Internal$SortTable$floatColumn = function (_v0) { var title = _v0.title; var value = _v0.value; var toString = _v0.toString; - return { - content: $author$project$Widget$SortTable$FloatColumn( - {toString: toString, value: value}), - title: title - }; + var width = _v0.width; + return $author$project$Internal$SortTable$Column( + { + content: $author$project$Internal$SortTable$FloatColumn( + {toString: toString, value: value}), + title: title, + width: width + }); }; -var $author$project$Widget$SortTable$IntColumn = function (a) { +var $author$project$Widget$floatColumn = $author$project$Internal$SortTable$floatColumn; +var $author$project$Internal$SortTable$IntColumn = function (a) { return {$: 'IntColumn', a: a}; }; -var $author$project$Widget$SortTable$intColumn = function (_v0) { +var $author$project$Internal$SortTable$intColumn = function (_v0) { var title = _v0.title; var value = _v0.value; var toString = _v0.toString; - return { - content: $author$project$Widget$SortTable$IntColumn( - {toString: toString, value: value}), - title: title - }; -}; -var $author$project$Widget$SortTable$StringColumn = function (a) { - return {$: 'StringColumn', a: a}; -}; -var $author$project$Widget$SortTable$stringColumn = function (_v0) { - var title = _v0.title; - var value = _v0.value; - var toString = _v0.toString; - return { - content: $author$project$Widget$SortTable$StringColumn( - {toString: toString, value: value}), - title: title - }; + var width = _v0.width; + return $author$project$Internal$SortTable$Column( + { + content: $author$project$Internal$SortTable$IntColumn( + {toString: toString, value: value}), + title: title, + width: width + }); }; +var $author$project$Widget$intColumn = $author$project$Internal$SortTable$intColumn; var $mdgriffith$elm_ui$Element$InternalColumn = function (a) { return {$: 'InternalColumn', a: a}; }; @@ -16747,6 +18916,27 @@ var $mdgriffith$elm_ui$Element$tableHelper = F2( $mdgriffith$elm_ui$Internal$Model$div, _List_fromArray( [ +<<<<<<< HEAD + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$spacing(style.spacing) + ]), + (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray( + [ + A2( + $author$project$Widget$Button$viewIconOnly, + style.menuButton, + { + icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon), + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Layout$LeftSheet))), + text: 'Menu' + }), + A2( + $elm$core$Maybe$withDefault, + title, +======= +>>>>>>> cc2ca06... finishing the material design A2( $mdgriffith$elm_ui$Internal$Model$StyleClass, $mdgriffith$elm_ui$Internal$Flag$gridPosition, @@ -16893,134 +19083,1146 @@ var $mdgriffith$elm_ui$Element$table = F2( data: config.data }); }); -var $elm$core$List$sortBy = _List_sortBy; -var $author$project$Widget$SortTable$view = function (_v0) { - var content = _v0.content; - var columns = _v0.columns; - var model = _v0.model; - var findTitle = function (list) { - findTitle: - while (true) { - if (!list.b) { - return $elm$core$Maybe$Nothing; - } else { - var head = list.a; - var tail = list.b; - if (_Utils_eq(head.title, model.title)) { - return $elm$core$Maybe$Just(head.content); +var $author$project$Internal$SortTable$sortTable = F2( + function (style, model) { + var findTitle = function (list) { + findTitle: + while (true) { + if (!list.b) { + return $elm$core$Maybe$Nothing; } else { - var $temp$list = tail; - list = $temp$list; - continue findTitle; + var head = list.a.a; + var tail = list.b; + if (_Utils_eq(head.title, model.sortBy)) { + return $elm$core$Maybe$Just(head.content); + } else { + var $temp$list = tail; + list = $temp$list; + continue findTitle; + } } } - } - }; - return { - columns: A2( - $elm$core$List$map, - function (column) { - return { - header: column.title, - view: function () { - var _v2 = column.content; - switch (_v2.$) { - case 'IntColumn': - var value = _v2.a.value; - var toString = _v2.a.toString; - return A2($elm$core$Basics$composeR, value, toString); - case 'FloatColumn': - var value = _v2.a.value; - var toString = _v2.a.toString; - return A2($elm$core$Basics$composeR, value, toString); - default: - var value = _v2.a.value; - var toString = _v2.a.toString; - return A2($elm$core$Basics$composeR, value, toString); - } - }() - }; - }, - columns), - data: (model.asc ? $elm$core$Basics$identity : $elm$core$List$reverse)( - A3( - $elm$core$Basics$apR, - A2( - $elm$core$Maybe$map, - function (c) { - switch (c.$) { - case 'StringColumn': - var value = c.a.value; - return $elm$core$List$sortBy(value); - case 'IntColumn': - var value = c.a.value; - return $elm$core$List$sortBy(value); - default: - var value = c.a.value; - return $elm$core$List$sortBy(value); - } - }, - findTitle(columns)), - $elm$core$Maybe$withDefault($elm$core$Basics$identity), - content)) - }; -}; -var $author$project$Reusable$sortTable = function (model) { - return _Utils_Tuple2( - 'Sort Table', - A2( + }; + return A2( $mdgriffith$elm_ui$Element$table, - $Orasund$elm_ui_framework$Framework$Grid$simple, - function (_v0) { - var data = _v0.data; - var columns = _v0.columns; - return { - columns: A2( - $elm$core$List$map, - function (config) { - return { - header: A2( - $mdgriffith$elm_ui$Element$Input$button, - _List_fromArray( - [$mdgriffith$elm_ui$Element$Font$bold]), - { - label: _Utils_eq(config.header, model.title) ? A2( - $mdgriffith$elm_ui$Element$row, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [$mdgriffith$elm_ui$Element$Font$bold])), - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$text(config.header), - $mdgriffith$elm_ui$Element$html( - model.asc ? $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronUp( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(16) - ])) : $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(16) - ]))) - ])) : $mdgriffith$elm_ui$Element$text(config.header), - onPress: $elm$core$Maybe$Just( - $author$project$Reusable$SortBy( - { - asc: _Utils_eq(config.header, model.title) ? (!model.asc) : true, - title: config.header - })) - }), - view: A2($elm$core$Basics$composeR, config.view, $mdgriffith$elm_ui$Element$text), - width: $mdgriffith$elm_ui$Element$fill - }; - }, - columns), - data: data - }; - }( - $author$project$Widget$SortTable$view( + style.containerTable, + { + columns: A2( + $elm$core$List$map, + function (_v1) { + var column = _v1.a; + return { + header: A2( + $author$project$Internal$Button$button, + style.headerButton, + { + icon: _Utils_eq(column.title, model.sortBy) ? (model.asc ? style.ascIcon : style.descIcon) : style.defaultIcon, + onPress: function () { + var _v2 = column.content; + if (_v2.$ === 'UnsortableColumn') { + return $elm$core$Maybe$Nothing; + } else { + return $elm$core$Maybe$Just( + model.onChange(column.title)); + } + }(), + text: column.title + }), + view: A2( + $elm$core$Basics$composeR, + function () { + var _v3 = column.content; + switch (_v3.$) { + case 'IntColumn': + var value = _v3.a.value; + var toString = _v3.a.toString; + return A2($elm$core$Basics$composeR, value, toString); + case 'FloatColumn': + var value = _v3.a.value; + var toString = _v3.a.toString; + return A2($elm$core$Basics$composeR, value, toString); + case 'StringColumn': + var value = _v3.a.value; + var toString = _v3.a.toString; + return A2($elm$core$Basics$composeR, value, toString); + default: + var toString = _v3.a; + return toString; + } + }(), + A2( + $elm$core$Basics$composeR, + $mdgriffith$elm_ui$Element$text, + A2( + $elm$core$Basics$composeR, + $elm$core$List$singleton, + $mdgriffith$elm_ui$Element$paragraph(_List_Nil)))), + width: column.width + }; + }, + model.columns), + data: (model.asc ? $elm$core$Basics$identity : $elm$core$List$reverse)( + A3( + $elm$core$Basics$apR, + A2( + $elm$core$Maybe$andThen, + function (c) { + switch (c.$) { + case 'StringColumn': + var value = c.a.value; + return $elm$core$Maybe$Just( + $elm$core$List$sortBy(value)); + case 'IntColumn': + var value = c.a.value; + return $elm$core$Maybe$Just( + $elm$core$List$sortBy(value)); + case 'FloatColumn': + var value = c.a.value; + return $elm$core$Maybe$Just( + $elm$core$List$sortBy(value)); + default: + return $elm$core$Maybe$Nothing; + } + }, + findTitle(model.columns)), + $elm$core$Maybe$withDefault($elm$core$Basics$identity), + model.content)) + }); + }); +var $author$project$Widget$sortTable = $author$project$Internal$SortTable$sortTable; +var $author$project$Internal$SortTable$StringColumn = function (a) { + return {$: 'StringColumn', a: a}; +}; +var $author$project$Internal$SortTable$stringColumn = function (_v0) { + var title = _v0.title; + var value = _v0.value; + var toString = _v0.toString; + var width = _v0.width; + return $author$project$Internal$SortTable$Column( + { + content: $author$project$Internal$SortTable$StringColumn( + {toString: toString, value: value}), + title: title, + width: width + }); +}; +var $author$project$Widget$stringColumn = $author$project$Internal$SortTable$stringColumn; +var $author$project$Internal$SortTable$UnsortableColumn = function (a) { + return {$: 'UnsortableColumn', a: a}; +}; +var $author$project$Internal$SortTable$unsortableColumn = function (_v0) { + var title = _v0.title; + var toString = _v0.toString; + var width = _v0.width; + return $author$project$Internal$SortTable$Column( + { + content: $author$project$Internal$SortTable$UnsortableColumn(toString), + title: title, + width: width + }); +}; +var $author$project$Widget$unsortableColumn = $author$project$Internal$SortTable$unsortableColumn; +var $author$project$View$Test$sortTable = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Int column', + A2( + $author$project$Widget$sortTable, + style.sortTable, { + asc: true, + columns: _List_fromArray( + [ + $author$project$Widget$intColumn( + { + title: 'Id', + toString: function (_int) { + return '#' + $elm$core$String$fromInt(_int); + }, +<<<<<<< HEAD + menu.selected))) + ]) : _List_fromArray( + [ + title, + A2( + $mdgriffith$elm_ui$Element$row, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + ]), + A2( + $elm$core$List$map, + $author$project$Core$Style$menuTabButton(style), + $author$project$Widget$select(menu))) + ])), + (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Element$none, + A2( + $elm$core$Maybe$map, + function (_v3) { + var onChange = _v3.onChange; + var text = _v3.text; + var label = _v3.label; + return A2( + $mdgriffith$elm_ui$Element$Input$text, + style.search, +======= + value: function ($) { + return $.id; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$stringColumn( +>>>>>>> cc2ca06... finishing the material design + { + title: 'Name', + toString: $elm$core$Basics$identity, + value: function ($) { + return $.name; + }, + width: $mdgriffith$elm_ui$Element$fill + }) + ]), + content: _List_fromArray( + [ +<<<<<<< HEAD + A2( + $elm$core$Maybe$withDefault, + _List_Nil, + A2( + $elm$core$Maybe$map, + function (_v4) { + var label = _v4.label; + return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray( + [ + A2( + $author$project$Widget$Button$view, + style.menuButton, + { + icon: style.searchIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Layout$Search))), + text: label + }) + ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray( + [ + A2( + $author$project$Core$Style$menuIconButton, + style, + { + icon: style.searchIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Layout$Search))), + text: label + }) + ]) : _List_Nil); + }, + search)), + A2( + $elm$core$List$map, + _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Core$Style$menuIconButton(style) : $author$project$Widget$Button$view(style.menuButton), + primaryActions), + $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray( + [ + A2( + $author$project$Widget$Button$viewIconOnly, + style.menuButton, + { + icon: style.moreVerticalIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Layout$RightSheet))), + text: 'More' + }) + ]) + ]))) + ])); + return A2( + style.layout, + $elm$core$List$concat( + _List_fromArray( + [ + attributes, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$inFront(nav), + $mdgriffith$elm_ui$Element$inFront(snackbar) + ]), + ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) ? A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(window.height)), + function () { + if (dialog.$ === 'Just') { + var dialogConfig = dialog.a; + return $author$project$Widget$modal(dialogConfig); + } else { + return $author$project$Widget$modal( + { + content: sheet, + onDismiss: $elm$core$Maybe$Just( + onChangedSidebar($elm$core$Maybe$Nothing)) + }); +======= + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 + } + ]), + onChange: $elm$core$Basics$always(idle), + sortBy: 'Id' + })), + _Utils_Tuple2( + 'Name column', + A2( + $author$project$Widget$sortTable, + style.sortTable, + { + asc: true, + columns: _List_fromArray( + [ + $author$project$Widget$stringColumn( + { + title: 'Name', + toString: $elm$core$Basics$identity, + value: function ($) { + return $.name; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$floatColumn( + { + title: 'Rating', + toString: $elm$core$String$fromFloat, + value: function ($) { + return $.rating; + }, + width: $mdgriffith$elm_ui$Element$fill + }) + ]), + content: _List_fromArray( + [ + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 + } + ]), + onChange: $elm$core$Basics$always(idle), + sortBy: 'Name' + })), + _Utils_Tuple2( + 'Float column', + A2( + $author$project$Widget$sortTable, + style.sortTable, + { + asc: false, + columns: _List_fromArray( + [ + $author$project$Widget$floatColumn( + { + title: 'Rating', + toString: $elm$core$String$fromFloat, + value: function ($) { + return $.rating; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$unsortableColumn( + { + title: 'Hash', + toString: A2( + $elm$core$Basics$composeR, + function ($) { + return $.hash; + }, + $elm$core$Maybe$withDefault('None')), + width: $mdgriffith$elm_ui$Element$fill + }) + ]), + content: _List_fromArray( + [ + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 + } + ]), + onChange: $elm$core$Basics$always(idle), + sortBy: 'Rating' + })), + _Utils_Tuple2( + 'Unsortable column', + A2( + $author$project$Widget$sortTable, + style.sortTable, + { + asc: true, + columns: _List_fromArray( + [ + $author$project$Widget$floatColumn( + { + title: 'Rating', + toString: $elm$core$String$fromFloat, + value: function ($) { + return $.rating; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$unsortableColumn( + { + title: 'Hash', + toString: A2( + $elm$core$Basics$composeR, + function ($) { + return $.hash; + }, + $elm$core$Maybe$withDefault('None')), + width: $mdgriffith$elm_ui$Element$fill + }) + ]), + content: _List_fromArray( + [ + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 + } + ]), + onChange: $elm$core$Basics$always(idle), + sortBy: 'Hash' + })), + _Utils_Tuple2( + 'Empty Table', + A2( + $author$project$Widget$sortTable, + style.sortTable, + { + asc: true, + columns: _List_Nil, + content: _List_fromArray( + [ + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 +>>>>>>> cc2ca06... finishing the material design + } + ]), + onChange: $elm$core$Basics$always(idle), + sortBy: '' + })) + ]); + }); +var $author$project$Internal$Tab$tab = F2( + function (style, _v0) { + var tabs = _v0.tabs; + var content = _v0.content; + return A2( + $mdgriffith$elm_ui$Element$column, + style.containerColumn, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$row, + style.optionRow, + A2( + $elm$core$List$map, + $author$project$Internal$Select$selectButton(style.button), + $author$project$Internal$Select$select(tabs))), + A2( + $mdgriffith$elm_ui$Element$el, + style.content, + content(tabs.selected)) + ])); + }); +var $author$project$Widget$tab = $author$project$Internal$Tab$tab; +var $author$project$View$Test$tab = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Nothing selected', + A2( + $author$project$Widget$tab, + style.tab, + { + content: function (selected) { + return $mdgriffith$elm_ui$Element$text( + function () { + if (selected.$ === 'Nothing') { + return 'Please select a tab'; + } else { + return ''; + } + }()); + }, + tabs: { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 3])), + selected: $elm$core$Maybe$Nothing + } + })), + _Utils_Tuple2( + 'Tab selected', + A2( + $author$project$Widget$tab, + style.tab, + { + content: function (selected) { + return $mdgriffith$elm_ui$Element$text( + function () { + if ((selected.$ === 'Just') && (!selected.a)) { + return 'First Tab selected'; + } else { + return 'Please select a tab'; + } + }()); + }, + tabs: { + onSelect: A2( + $elm$core$Basics$composeR, + $elm$core$Basics$always(idle), + $elm$core$Maybe$Just), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 3])), + selected: $elm$core$Maybe$Just(0) + } + })) + ]); + }); +var $author$project$Icons$circle = A2( + $author$project$Icons$svgFeatherIcon, + 'circle', + _List_fromArray( + [ + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('12'), + $elm$svg$Svg$Attributes$cy('12'), + $elm$svg$Svg$Attributes$r('10') + ]), + _List_Nil) + ])); +var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) { + return {$: 'HiddenLabel', a: a}; +}; +var $mdgriffith$elm_ui$Element$Input$labelHidden = $mdgriffith$elm_ui$Element$Input$HiddenLabel; +var $mdgriffith$elm_ui$Element$Input$TextInputNode = function (a) { + return {$: 'TextInputNode', a: a}; +}; +var $mdgriffith$elm_ui$Element$Input$TextArea = {$: 'TextArea'}; +var $mdgriffith$elm_ui$Internal$Model$LivePolite = {$: 'LivePolite'}; +var $mdgriffith$elm_ui$Element$Region$announce = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$LivePolite); +var $mdgriffith$elm_ui$Element$Input$applyLabel = F3( + function (attrs, label, input) { + if (label.$ === 'HiddenLabel') { + var labelText = label.a; + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asColumn, + $mdgriffith$elm_ui$Internal$Model$NodeName('label'), + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [input]))); + } else { + var position = label.a; + var labelAttrs = label.b; + var labelChild = label.c; + var labelElement = A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + $mdgriffith$elm_ui$Internal$Model$div, + labelAttrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [labelChild]))); + switch (position.$) { + case 'Above': + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asColumn, + $mdgriffith$elm_ui$Internal$Model$NodeName('label'), + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [labelElement, input]))); + case 'Below': + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asColumn, + $mdgriffith$elm_ui$Internal$Model$NodeName('label'), + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [input, labelElement]))); + case 'OnRight': + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asRow, + $mdgriffith$elm_ui$Internal$Model$NodeName('label'), + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [input, labelElement]))); + default: + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asRow, + $mdgriffith$elm_ui$Internal$Model$NodeName('label'), + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [labelElement, input]))); + } + } + }); +var $mdgriffith$elm_ui$Element$Input$autofill = A2( + $elm$core$Basics$composeL, + $mdgriffith$elm_ui$Internal$Model$Attr, + $elm$html$Html$Attributes$attribute('autocomplete')); +var $mdgriffith$elm_ui$Internal$Model$Behind = {$: 'Behind'}; +var $mdgriffith$elm_ui$Element$behindContent = function (element) { + return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element); +}; +var $mdgriffith$elm_ui$Internal$Model$MoveY = function (a) { + return {$: 'MoveY', a: a}; +}; +var $mdgriffith$elm_ui$Internal$Flag$moveY = $mdgriffith$elm_ui$Internal$Flag$flag(26); +var $mdgriffith$elm_ui$Element$moveUp = function (y) { + return A2( + $mdgriffith$elm_ui$Internal$Model$TransformComponent, + $mdgriffith$elm_ui$Internal$Flag$moveY, + $mdgriffith$elm_ui$Internal$Model$MoveY(-y)); +}; +var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (attrs) { + var gatherSpacing = F2( + function (attr, found) { + if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) { + var _v2 = attr.b; + var x = _v2.b; + var y = _v2.c; + if (found.$ === 'Nothing') { + return $elm$core$Maybe$Just(y); + } else { + return found; + } + } else { + return found; + } + }); + var _v0 = A3($elm$core$List$foldr, gatherSpacing, $elm$core$Maybe$Nothing, attrs); + if (_v0.$ === 'Nothing') { + return $mdgriffith$elm_ui$Internal$Model$NoAttribute; + } else { + var vSpace = _v0.a; + return $mdgriffith$elm_ui$Element$moveUp( + $elm$core$Basics$floor(vSpace / 2)); + } +}; +var $mdgriffith$elm_ui$Element$Input$darkGrey = A3($mdgriffith$elm_ui$Element$rgb, 186 / 255, 189 / 255, 182 / 255); +var $mdgriffith$elm_ui$Element$Input$defaultTextPadding = A2($mdgriffith$elm_ui$Element$paddingXY, 12, 12); +var $mdgriffith$elm_ui$Element$Input$white = A3($mdgriffith$elm_ui$Element$rgb, 1, 1, 1); +var $mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Input$defaultTextPadding, + $mdgriffith$elm_ui$Element$Border$rounded(3), + $mdgriffith$elm_ui$Element$Border$color($mdgriffith$elm_ui$Element$Input$darkGrey), + $mdgriffith$elm_ui$Element$Background$color($mdgriffith$elm_ui$Element$Input$white), + $mdgriffith$elm_ui$Element$Border$width(1), + $mdgriffith$elm_ui$Element$spacing(5), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ]); +var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) { + if (attr.$ === 'Height') { + var h = attr.a; + return $elm$core$Maybe$Just(h); + } else { + return $elm$core$Maybe$Nothing; + } +}; +var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) { + if (label.$ === 'HiddenLabel') { + var textLabel = label.a; + return $mdgriffith$elm_ui$Internal$Model$Describe( + $mdgriffith$elm_ui$Internal$Model$Label(textLabel)); + } else { + return $mdgriffith$elm_ui$Internal$Model$NoAttribute; + } +}; +var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) { + isConstrained: + while (true) { + switch (len.$) { + case 'Content': + return false; + case 'Px': + return true; + case 'Fill': + return true; + case 'Min': + var l = len.b; + var $temp$len = l; + len = $temp$len; + continue isConstrained; + default: + var l = len.b; + return true; + } + } +}; +var $mdgriffith$elm_ui$Element$Input$isHiddenLabel = function (label) { + if (label.$ === 'HiddenLabel') { + return true; + } else { + return false; + } +}; +var $mdgriffith$elm_ui$Element$Input$isStacked = function (label) { + if (label.$ === 'Label') { + var loc = label.a; + switch (loc.$) { + case 'OnRight': + return false; + case 'OnLeft': + return false; + case 'Above': + return true; + default: + return true; + } + } else { + return true; + } +}; +var $mdgriffith$elm_ui$Element$Input$negateBox = function (box) { + return {bottom: -box.bottom, left: -box.left, right: -box.right, top: -box.top}; +}; +var $elm$html$Html$Events$alwaysStop = function (x) { + return _Utils_Tuple2(x, true); +}; +var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) { + return {$: 'MayStopPropagation', a: a}; +}; +var $elm$html$Html$Events$stopPropagationOn = F2( + function (event, decoder) { + return A2( + $elm$virtual_dom$VirtualDom$on, + event, + $elm$virtual_dom$VirtualDom$MayStopPropagation(decoder)); + }); +var $elm$json$Json$Decode$at = F2( + function (fields, decoder) { + return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields); + }); +var $elm$html$Html$Events$targetValue = A2( + $elm$json$Json$Decode$at, + _List_fromArray( + ['target', 'value']), + $elm$json$Json$Decode$string); +var $elm$html$Html$Events$onInput = function (tagger) { + return A2( + $elm$html$Html$Events$stopPropagationOn, + 'input', + A2( + $elm$json$Json$Decode$map, + $elm$html$Html$Events$alwaysStop, + A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue))); +}; +var $mdgriffith$elm_ui$Element$Input$isFill = function (len) { + isFill: + while (true) { + switch (len.$) { + case 'Fill': + return true; + case 'Content': + return false; + case 'Px': + return false; + case 'Min': + var l = len.b; + var $temp$len = l; + len = $temp$len; + continue isFill; + default: + var l = len.b; + var $temp$len = l; + len = $temp$len; + continue isFill; + } + } +}; +var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) { + isPixel: + while (true) { + switch (len.$) { + case 'Content': + return false; + case 'Px': + return true; + case 'Fill': + return false; + case 'Min': + var l = len.b; + var $temp$len = l; + len = $temp$len; + continue isPixel; + default: + var l = len.b; + var $temp$len = l; + len = $temp$len; + continue isPixel; + } + } +}; +var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4( + function (isMultiline, stacked, attr, els) { + switch (attr.$) { + case 'Nearby': + return _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + }); + case 'Width': + var width = attr.a; + return $mdgriffith$elm_ui$Element$Input$isFill(width) ? _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent), + input: A2($elm$core$List$cons, attr, els.input), + parent: A2($elm$core$List$cons, attr, els.parent) + }) : (stacked ? _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent) + }) : _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + })); + case 'Height': + var height = attr.a; + return (!stacked) ? _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent), + parent: A2($elm$core$List$cons, attr, els.parent) + }) : ($mdgriffith$elm_ui$Element$Input$isFill(height) ? _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent), + parent: A2($elm$core$List$cons, attr, els.parent) + }) : ($mdgriffith$elm_ui$Element$Input$isPixel(height) ? _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + }) : _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + }))); + case 'AlignX': + return _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent) + }); + case 'AlignY': + return _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent) + }); + case 'StyleClass': + switch (attr.b.$) { + case 'SpacingStyle': + var _v1 = attr.b; + return _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent), + input: A2($elm$core$List$cons, attr, els.input), + parent: A2($elm$core$List$cons, attr, els.parent), + wrapper: A2($elm$core$List$cons, attr, els.wrapper) + }); + case 'PaddingStyle': + var cls = attr.a; + var _v2 = attr.b; + var pad = _v2.a; + var t = _v2.b; + var r = _v2.c; + var b = _v2.d; + var l = _v2.e; + if (isMultiline) { + return _Utils_update( + els, + { + cover: A2($elm$core$List$cons, attr, els.cover), + parent: A2($elm$core$List$cons, attr, els.parent) + }); + } else { + var reducedVerticalPadding = $mdgriffith$elm_ui$Element$paddingEach( + { + bottom: b - A2($elm$core$Basics$min, t, b), + left: l, + right: r, + top: t - A2($elm$core$Basics$min, t, b) + }); + var newLineHeight = $mdgriffith$elm_ui$Element$htmlAttribute( + A2( + $elm$html$Html$Attributes$style, + 'line-height', + 'calc(1.0em + ' + ($elm$core$String$fromInt( + 2 * A2($elm$core$Basics$min, t, b)) + 'px)'))); + var newHeight = $mdgriffith$elm_ui$Element$htmlAttribute( + A2( + $elm$html$Html$Attributes$style, + 'height', + 'calc(1.0em + ' + ($elm$core$String$fromInt( + 2 * A2($elm$core$Basics$min, t, b)) + 'px)'))); + return _Utils_update( + els, + { + cover: A2($elm$core$List$cons, attr, els.cover), + input: A2( + $elm$core$List$cons, + newHeight, + A2($elm$core$List$cons, newLineHeight, els.input)), + parent: A2($elm$core$List$cons, reducedVerticalPadding, els.parent) + }); + } + case 'BorderWidth': + var _v3 = attr.b; + return _Utils_update( + els, + { + cover: A2($elm$core$List$cons, attr, els.cover), + parent: A2($elm$core$List$cons, attr, els.parent) + }); + case 'Transform': + return _Utils_update( + els, + { + cover: A2($elm$core$List$cons, attr, els.cover), + parent: A2($elm$core$List$cons, attr, els.parent) + }); + case 'FontSize': + return _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent) + }); + case 'FontFamily': + var _v4 = attr.b; + return _Utils_update( + els, + { + fullParent: A2($elm$core$List$cons, attr, els.fullParent) + }); + default: + var flag = attr.a; + var cls = attr.b; + return _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + }); + } + case 'NoAttribute': + return els; + case 'Attr': + var a = attr.a; + return _Utils_update( + els, + { + input: A2($elm$core$List$cons, attr, els.input) + }); + case 'Describe': + return _Utils_update( + els, + { + input: A2($elm$core$List$cons, attr, els.input) + }); + case 'Class': + return _Utils_update( + els, + { + parent: A2($elm$core$List$cons, attr, els.parent) + }); + default: + return _Utils_update( + els, + { + input: A2($elm$core$List$cons, attr, els.input) + }); + } + }); +var $mdgriffith$elm_ui$Element$Input$redistribute = F3( + function (isMultiline, stacked, attrs) { + return function (redist) { + return { + cover: $elm$core$List$reverse(redist.cover), + fullParent: $elm$core$List$reverse(redist.fullParent), + input: $elm$core$List$reverse(redist.input), + parent: $elm$core$List$reverse(redist.parent), + wrapper: $elm$core$List$reverse(redist.wrapper) + }; + }( + A3( + $elm$core$List$foldl, + A2($mdgriffith$elm_ui$Element$Input$redistributeOver, isMultiline, stacked), + {cover: _List_Nil, fullParent: _List_Nil, input: _List_Nil, parent: _List_Nil, wrapper: _List_Nil}, + attrs)); + }); +var $mdgriffith$elm_ui$Element$Input$renderBox = function (_v0) { + var top = _v0.top; + var right = _v0.right; + var bottom = _v0.bottom; + var left = _v0.left; + return $elm$core$String$fromInt(top) + ('px ' + ($elm$core$String$fromInt(right) + ('px ' + ($elm$core$String$fromInt(bottom) + ('px ' + ($elm$core$String$fromInt(left) + 'px')))))); +}; +var $mdgriffith$elm_ui$Internal$Model$Transparency = F2( + function (a, b) { + return {$: 'Transparency', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Internal$Flag$transparency = $mdgriffith$elm_ui$Internal$Flag$flag(0); +var $mdgriffith$elm_ui$Element$alpha = function (o) { + var transparency = function (x) { + return 1 - x; + }( + A2( + $elm$core$Basics$min, + 1.0, + A2($elm$core$Basics$max, 0.0, o))); + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$transparency, + A2( + $mdgriffith$elm_ui$Internal$Model$Transparency, + 'transparency-' + $mdgriffith$elm_ui$Internal$Model$floatClass(transparency), + transparency)); +}; +var $mdgriffith$elm_ui$Element$Input$charcoal = A3($mdgriffith$elm_ui$Element$rgb, 136 / 255, 138 / 255, 133 / 255); +var $mdgriffith$elm_ui$Element$Input$renderPlaceholder = F3( + function (_v0, forPlaceholder, on) { + var placeholderAttrs = _v0.a; + var placeholderEl = _v0.b; + return A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + forPlaceholder, + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Font$color($mdgriffith$elm_ui$Element$Input$charcoal), + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.noTextSelection + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.passPointerEvents)), + $mdgriffith$elm_ui$Element$clip, + $mdgriffith$elm_ui$Element$Border$color( + A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)), + $mdgriffith$elm_ui$Element$Background$color( + A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)), + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$alpha( + on ? 1 : 0) + ]), + placeholderAttrs)), + placeholderEl); + }); +var $mdgriffith$elm_ui$Element$scrollbarY = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.scrollbarsY); +var $elm$html$Html$span = _VirtualDom_node('span'); +var $elm$html$Html$Attributes$spellcheck = $elm$html$Html$Attributes$boolProperty('spellcheck'); +var $mdgriffith$elm_ui$Element$Input$spellcheck = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$spellcheck); +var $elm$html$Html$Attributes$type_ = $elm$html$Html$Attributes$stringProperty('type'); +var $elm$html$Html$Attributes$value = $elm$html$Html$Attributes$stringProperty('value'); +var $mdgriffith$elm_ui$Element$Input$value = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$value); +var $mdgriffith$elm_ui$Element$Input$textHelper = F3( + function (textInput, attrs, textOptions) { + var withDefaults = _Utils_ap($mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle, attrs); + var redistributed = A3( + $mdgriffith$elm_ui$Element$Input$redistribute, + _Utils_eq(textInput.type_, $mdgriffith$elm_ui$Element$Input$TextArea), + $mdgriffith$elm_ui$Element$Input$isStacked(textOptions.label), + withDefaults); + var onlySpacing = function (attr) { + if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) { + var _v9 = attr.b; + return true; + } else { + return false; + } + }; + var heightConstrained = function () { + var _v7 = textInput.type_; + if (_v7.$ === 'TextInputNode') { + var inputType = _v7.a; + return false; + } else { + return A2( + $elm$core$Maybe$withDefault, + false, + A2( + $elm$core$Maybe$map, + $mdgriffith$elm_ui$Element$Input$isConstrained, + $elm$core$List$head( + $elm$core$List$reverse( + A2($elm$core$List$filterMap, $mdgriffith$elm_ui$Element$Input$getHeight, withDefaults))))); + } + }(); + var getPadding = function (attr) { + if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) { + var cls = attr.a; + var _v6 = attr.b; + var pad = _v6.a; + var t = _v6.b; + var r = _v6.c; + var b = _v6.d; + var l = _v6.e; + return $elm$core$Maybe$Just( + { +<<<<<<< HEAD columns: _List_fromArray( [ $author$project$Widget$SortTable$intColumn( @@ -17171,14 +20373,117 @@ var $author$project$Stateless$carousel = function (model) { $mdgriffith$elm_ui$Element$row, _Utils_ap( $Orasund$elm_ui_framework$Framework$Grid$simple, +======= + bottom: A2( + $elm$core$Basics$max, + 0, + $elm$core$Basics$floor(b - 3)), + left: A2( + $elm$core$Basics$max, + 0, + $elm$core$Basics$floor(l - 3)), + right: A2( + $elm$core$Basics$max, + 0, + $elm$core$Basics$floor(r - 3)), + top: A2( + $elm$core$Basics$max, + 0, + $elm$core$Basics$floor(t - 3)) + }); + } else { + return $elm$core$Maybe$Nothing; + } + }; + var parentPadding = A2( + $elm$core$Maybe$withDefault, + {bottom: 0, left: 0, right: 0, top: 0}, + $elm$core$List$head( + $elm$core$List$reverse( + A2($elm$core$List$filterMap, getPadding, withDefaults)))); + var inputElement = A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + function () { + var _v3 = textInput.type_; + if (_v3.$ === 'TextInputNode') { + var inputType = _v3.a; + return $mdgriffith$elm_ui$Internal$Model$NodeName('input'); + } else { + return $mdgriffith$elm_ui$Internal$Model$NodeName('textarea'); + } + }(), + _Utils_ap( + function () { + var _v4 = textInput.type_; + if (_v4.$ === 'TextInputNode') { + var inputType = _v4.a; + return _List_fromArray( + [ + $mdgriffith$elm_ui$Internal$Model$Attr( + $elm$html$Html$Attributes$type_(inputType)), + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputText) + ]); + } else { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$clip, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultiline), + $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding(withDefaults), + $mdgriffith$elm_ui$Element$paddingEach(parentPadding), + $mdgriffith$elm_ui$Internal$Model$Attr( + A2( + $elm$html$Html$Attributes$style, + 'margin', + $mdgriffith$elm_ui$Element$Input$renderBox( + $mdgriffith$elm_ui$Element$Input$negateBox(parentPadding)))), + $mdgriffith$elm_ui$Internal$Model$Attr( + A2($elm$html$Html$Attributes$style, 'box-sizing', 'content-box')) + ]); + } + }(), + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Input$value(textOptions.text), + $mdgriffith$elm_ui$Internal$Model$Attr( + $elm$html$Html$Events$onInput(textOptions.onChange)), + $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute(textOptions.label), + $mdgriffith$elm_ui$Element$Input$spellcheck(textInput.spellchecked), + A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Internal$Model$NoAttribute, + A2($elm$core$Maybe$map, $mdgriffith$elm_ui$Element$Input$autofill, textInput.autofill)) + ]), + redistributed.input)), + $mdgriffith$elm_ui$Internal$Model$Unkeyed(_List_Nil)); + var wrappedInput = function () { + var _v0 = textInput.type_; + if (_v0.$ === 'TextArea') { + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + $mdgriffith$elm_ui$Internal$Model$div, + _Utils_ap( + (heightConstrained ? $elm$core$List$cons($mdgriffith$elm_ui$Element$scrollbarY) : $elm$core$Basics$identity)( +>>>>>>> cc2ca06... finishing the material design _List_fromArray( [ - $mdgriffith$elm_ui$Element$centerX, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin), + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineWrapper) ])), + redistributed.parent), + $mdgriffith$elm_ui$Internal$Model$Unkeyed( _List_fromArray( [ + A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asParagraph, + $mdgriffith$elm_ui$Internal$Model$div, A2( +<<<<<<< HEAD $mdgriffith$elm_ui$Element$Input$button, _List_fromArray( [$mdgriffith$elm_ui$Element$centerY]), @@ -17227,54 +20532,166 @@ var $author$project$Stateless$ToggleCollapsable = function (a) { return {$: 'ToggleCollapsable', a: a}; }; var $author$project$Widget$collapsable = F2( - function (style, _v0) { - var onToggle = _v0.onToggle; - var isCollapsed = _v0.isCollapsed; - var label = _v0.label; - var content = _v0.content; - return A2( - $mdgriffith$elm_ui$Element$column, - style.containerColumn, - _Utils_ap( - _List_fromArray( - [ +======= + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$inFront(inputElement), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineParent), + redistributed.wrapper)))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + function () { + if (textOptions.text === '') { + var _v1 = textOptions.placeholder; + if (_v1.$ === 'Nothing') { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$text('\u00A0') + ]); + } else { + var place = _v1.a; + return _List_fromArray( + [ + A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, _List_Nil, textOptions.text === '') + ]); + } + } else { + return _List_fromArray( + [ + $mdgriffith$elm_ui$Internal$Model$unstyled( + A2( + $elm$html$Html$span, + _List_fromArray( + [ + $elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineFiller) + ]), + _List_fromArray( + [ + $elm$html$Html$text(textOptions.text + '\u00A0') + ]))) + ]); + } + }())) + ]))); + } else { + var inputType = _v0.a; + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), A2( - $mdgriffith$elm_ui$Element$Input$button, - style.button, - { - label: label, - onPress: $elm$core$Maybe$Just( - onToggle(!isCollapsed)) - }) - ]), - isCollapsed ? _List_Nil : _List_fromArray( - [content]))); + $elm$core$List$cons, + A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin), + $elm$core$List$concat( + _List_fromArray( + [ + redistributed.parent, + function () { + var _v2 = textOptions.placeholder; + if (_v2.$ === 'Nothing') { + return _List_Nil; + } else { + var place = _v2.a; + return _List_fromArray( + [ + $mdgriffith$elm_ui$Element$behindContent( + A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, redistributed.cover, textOptions.text === '')) + ]); + } + }() + ])))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [inputElement]))); + } + }(); + return A3( + $mdgriffith$elm_ui$Element$Input$applyLabel, + A2( + $elm$core$List$cons, + A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorText), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$Input$isHiddenLabel(textOptions.label) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Element$spacing(5), + A2($elm$core$List$cons, $mdgriffith$elm_ui$Element$Region$announce, redistributed.fullParent))), + textOptions.label, + wrappedInput); }); -var $author$project$Stateless$collapsable = function (model) { - return _Utils_Tuple2( - 'Collapsable', - A2( - $author$project$Widget$collapsable, - { - button: _List_Nil, - containerColumn: _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(8) - ]))) - }, - { - content: $mdgriffith$elm_ui$Element$text('Hello World'), - isCollapsed: model.isCollapsed, - label: A2( +var $mdgriffith$elm_ui$Element$Input$text = $mdgriffith$elm_ui$Element$Input$textHelper( + { + autofill: $elm$core$Maybe$Nothing, + spellchecked: false, + type_: $mdgriffith$elm_ui$Element$Input$TextInputNode('text') + }); +var $author$project$Internal$TextInput$textInput = F2( +>>>>>>> cc2ca06... finishing the material design + function (style, _v0) { + var chips = _v0.chips; + var placeholder = _v0.placeholder; + var label = _v0.label; + var text = _v0.text; + var onChange = _v0.onChange; + return A2( + $mdgriffith$elm_ui$Element$row, + style.containerRow, + _List_fromArray( + [ + $elm$core$List$isEmpty(chips) ? $mdgriffith$elm_ui$Element$none : A2( $mdgriffith$elm_ui$Element$row, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( + style.chipsRow, + A2( + $elm$core$List$map, + A2( + $elm$core$Basics$composeR, + $author$project$Internal$Button$button(style.chipButton), + $mdgriffith$elm_ui$Element$el(_List_Nil)), + chips)), + A2( + $mdgriffith$elm_ui$Element$Input$text, + style.input, + { + label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), + onChange: onChange, + placeholder: placeholder, + text: text + }) + ])); + }); +var $author$project$Widget$textInput = $author$project$Internal$TextInput$textInput; +var $author$project$View$Test$textInput = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'Nothing Selected', + A2( + $author$project$Widget$textInput, + style.textInput, + { + chips: _List_Nil, + label: 'Label', + onChange: $elm$core$Basics$always(idle), + placeholder: $elm$core$Maybe$Nothing, + text: '' + })), + _Utils_Tuple2( + 'Some chips', + A2( + $author$project$Widget$textInput, + style.textInput, + { + chips: _List_fromArray( [ +<<<<<<< HEAD $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) ])), _List_fromArray( @@ -17305,10 +20722,57 @@ var $author$project$Stateless$dialog = F2( label: $mdgriffith$elm_ui$Element$text('Show dialog'), onPress: $elm$core$Maybe$Just(showDialog) })); +======= + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'A' + }, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$circle)), + onPress: $elm$core$Maybe$Just(idle), + text: 'B' + } + ]), + label: 'Label', + onChange: $elm$core$Basics$always(idle), + placeholder: $elm$core$Maybe$Nothing, + text: '' + })) + ]); +>>>>>>> cc2ca06... finishing the material design }); -var $author$project$Stateless$ToggleButton = function (a) { - return {$: 'ToggleButton', a: a}; +var $author$project$Data$Example$toTests = function (example) { + switch (example.$) { + case 'ButtonExample': + return $author$project$View$Test$button; + case 'SelectExample': + return $author$project$View$Test$select; + case 'MultiSelectExample': + return $author$project$View$Test$multiSelect; + case 'ExpansionPanelExample': + return $author$project$View$Test$expansionPanel; + case 'TabExample': + return $author$project$View$Test$tab; + case 'SortTableExample': + return $author$project$View$Test$sortTable; + case 'ModalExample': + return $author$project$View$Test$modal; + case 'DialogExample': + return $author$project$View$Test$dialog; + case 'TextInputExample': + return $author$project$View$Test$textInput; + default: + return $author$project$View$Test$list; + } }; +<<<<<<< HEAD var $author$project$Stateless$buttonStyle = { active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Button$simple, @@ -17320,6 +20784,67 @@ var $author$project$Stateless$buttonStyle = { }; var $author$project$Icons$slash = A2( $author$project$Icons$svgFeatherIcon, +======= +var $author$project$Example$Button$ChangedButtonStatus = function (a) { + return {$: 'ChangedButtonStatus', a: a}; +}; +var $feathericons$elm_feather$FeatherIcons$Icon = function (a) { + return {$: 'Icon', a: a}; +}; +var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) { + return { + _class: $elm$core$Maybe$Just('feather feather-' + name), + size: 24, + sizeUnit: '', + strokeWidth: 2, + viewBox: '0 0 24 24' + }; +}; +var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2( + function (name, src) { + return $feathericons$elm_feather$FeatherIcons$Icon( + { + attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name), + src: src + }); + }); +var $feathericons$elm_feather$FeatherIcons$repeat = A2( + $feathericons$elm_feather$FeatherIcons$makeBuilder, + 'repeat', + _List_fromArray( + [ + A2( + $elm$svg$Svg$polyline, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$points('17 1 21 5 17 9') + ]), + _List_Nil), + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M3 11V9a4 4 0 0 1 4-4h14') + ]), + _List_Nil), + A2( + $elm$svg$Svg$polyline, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$points('7 23 3 19 7 15') + ]), + _List_Nil), + A2( + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M21 13v2a4 4 0 0 1-4 4H3') + ]), + _List_Nil) + ])); +var $feathericons$elm_feather$FeatherIcons$slash = A2( + $feathericons$elm_feather$FeatherIcons$makeBuilder, +>>>>>>> cc2ca06... finishing the material design 'slash', _List_fromArray( [ @@ -17343,21 +20868,81 @@ var $author$project$Icons$slash = A2( ]), _List_Nil) ])); -var $author$project$Stateless$iconButton = function (model) { - return _Utils_Tuple2( - 'Icon Button', - A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, +var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map; +var $feathericons$elm_feather$FeatherIcons$toHtml = F2( + function (attributes, _v0) { + var src = _v0.a.src; + var attrs = _v0.a.attrs; + var strSize = $elm$core$String$fromFloat(attrs.size); + var baseAttributes = _List_fromArray( + [ + $elm$svg$Svg$Attributes$fill('none'), + $elm$svg$Svg$Attributes$height( + _Utils_ap(strSize, attrs.sizeUnit)), + $elm$svg$Svg$Attributes$width( + _Utils_ap(strSize, attrs.sizeUnit)), + $elm$svg$Svg$Attributes$stroke('currentColor'), + $elm$svg$Svg$Attributes$strokeLinecap('round'), + $elm$svg$Svg$Attributes$strokeLinejoin('round'), + $elm$svg$Svg$Attributes$strokeWidth( + $elm$core$String$fromFloat(attrs.strokeWidth)), + $elm$svg$Svg$Attributes$viewBox(attrs.viewBox) + ]); + var combinedAttributes = _Utils_ap( + function () { + var _v1 = attrs._class; + if (_v1.$ === 'Just') { + var c = _v1.a; + return A2( + $elm$core$List$cons, + $elm$svg$Svg$Attributes$class(c), + baseAttributes); + } else { + return baseAttributes; + } + }(), + attributes); + return A2( + $elm$svg$Svg$svg, + combinedAttributes, + A2( + $elm$core$List$map, + $elm$svg$Svg$map($elm$core$Basics$never), + src)); + }); +var $feathericons$elm_feather$FeatherIcons$withSize = F2( + function (size, _v0) { + var attrs = _v0.a.attrs; + var src = _v0.a.src; + return $feathericons$elm_feather$FeatherIcons$Icon( + { + attrs: _Utils_update( + attrs, + {size: size}), + src: src + }); + }); +var $author$project$Example$Button$view = F3( + function (msgMapper, style, _v0) { + var isButtonEnabled = _v0.a; + return A2( + $author$project$Widget$row, + style.row, _List_fromArray( [ A2( +<<<<<<< HEAD $author$project$Widget$Button$view, $author$project$Stateless$buttonStyle, +======= + $author$project$Widget$button, + style.primaryButton, +>>>>>>> cc2ca06... finishing the material design { icon: A2( $mdgriffith$elm_ui$Element$el, _List_Nil, +<<<<<<< HEAD $mdgriffith$elm_ui$Element$html($author$project$Icons$slash)), onPress: model.button ? $elm$core$Maybe$Just( $author$project$Stateless$ToggleButton(false)) : $elm$core$Maybe$Nothing, @@ -17366,62 +20951,478 @@ var $author$project$Stateless$iconButton = function (model) { A2( $author$project$Widget$Button$view, $author$project$Stateless$buttonStyle, +======= + $mdgriffith$elm_ui$Element$html( + A2( + $feathericons$elm_feather$FeatherIcons$toHtml, + _List_Nil, + A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$slash)))), + onPress: isButtonEnabled ? $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Button$ChangedButtonStatus(false))) : $elm$core$Maybe$Nothing, + text: 'disable me' + }), + A2( + $author$project$Widget$iconButton, + style.button, +>>>>>>> cc2ca06... finishing the material design { - icon: $mdgriffith$elm_ui$Element$none, + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html( + A2( + $feathericons$elm_feather$FeatherIcons$toHtml, + _List_Nil, + A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$repeat)))), onPress: $elm$core$Maybe$Just( - $author$project$Stateless$ToggleButton(true)), - text: 'reset button' + msgMapper( + $author$project$Example$Button$ChangedButtonStatus(true))), + text: 'reset' }) - ]))); + ])); + }); +var $author$project$Example$Dialog$OpenDialog = function (a) { + return {$: 'OpenDialog', a: a}; }; -var $author$project$Stateless$modal = F2( - function (changedSheet, model) { - return _Utils_Tuple2( - 'Modal', +var $feathericons$elm_feather$FeatherIcons$eye = A2( + $feathericons$elm_feather$FeatherIcons$makeBuilder, + 'eye', + _List_fromArray( + [ A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, + $elm$svg$Svg$path, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$d('M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z') + ]), + _List_Nil), + A2( + $elm$svg$Svg$circle, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$cx('12'), + $elm$svg$Svg$Attributes$cy('12'), + $elm$svg$Svg$Attributes$r('3') + ]), + _List_Nil) + ])); +var $author$project$Example$Dialog$view = F3( + function (msgMapper, style, _v0) { + var isOpen = _v0.a; + return A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( _List_fromArray( [ - A2( - $mdgriffith$elm_ui$Element$Input$button, - $Orasund$elm_ui_framework$Framework$Button$simple, - { - label: $mdgriffith$elm_ui$Element$text('show left sheet'), - onPress: $elm$core$Maybe$Just( - changedSheet( - $elm$core$Maybe$Just($author$project$Layout$LeftSheet))) - }), - A2( - $mdgriffith$elm_ui$Element$Input$button, - $Orasund$elm_ui_framework$Framework$Button$simple, - { - label: $mdgriffith$elm_ui$Element$text('show right sheet'), - onPress: $elm$core$Maybe$Just( - changedSheet( - $elm$core$Maybe$Just($author$project$Layout$RightSheet))) - }) - ]))); + $mdgriffith$elm_ui$Element$height( + A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill)) + ]), + isOpen ? A2( + $author$project$Widget$dialog, + style.dialog, + { + accept: $elm$core$Maybe$Just( + { + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Dialog$OpenDialog(false))), + text: 'Ok' + }), + dismiss: $elm$core$Maybe$Just( + { + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Dialog$OpenDialog(false))), + text: 'Dismiss' + }), + text: 'This is a dialog window', + title: $elm$core$Maybe$Just('Dialog') + }) : _List_Nil), + A2( + $author$project$Widget$button, + style.primaryButton, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html( + A2( + $feathericons$elm_feather$FeatherIcons$toHtml, + _List_Nil, + A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$eye)))), + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Dialog$OpenDialog(true))), + text: 'show Dialog' + })); }); -var $author$project$Stateless$ChangedMultiSelected = function (a) { - return {$: 'ChangedMultiSelected', a: a}; +var $author$project$Example$ExpansionPanel$ToggleCollapsable = function (a) { + return {$: 'ToggleCollapsable', a: a}; }; +var $author$project$Example$ExpansionPanel$view = F3( + function (msgMapper, style, _v0) { + var isExpanded = _v0.a; + return A2( + $author$project$Widget$expansionPanel, + style.expansionPanel, + { + content: $mdgriffith$elm_ui$Element$text('Hello World'), + icon: $mdgriffith$elm_ui$Element$none, + isExpanded: isExpanded, + onToggle: A2($elm$core$Basics$composeR, $author$project$Example$ExpansionPanel$ToggleCollapsable, msgMapper), + text: 'Title' + }); + }); +var $author$project$Example$List$view = F3( + function (_v0, style, _v1) { + return A2( + $author$project$Widget$column, + style.cardColumn, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$text('A'), + $mdgriffith$elm_ui$Element$text('B'), + $mdgriffith$elm_ui$Element$text('C') + ])); + }); +var $author$project$Example$Modal$ToggleModal = function (a) { + return {$: 'ToggleModal', a: a}; +}; +var $author$project$Widget$modal = $author$project$Internal$Dialog$modal; +var $author$project$Example$Modal$view = F3( + function (msgMapper, style, _v0) { + var isEnabled = _v0.a; + return A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)), + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill)) + ]), + isEnabled ? $author$project$Widget$modal( + { + content: A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(100)), + $mdgriffith$elm_ui$Element$width( + $mdgriffith$elm_ui$Element$px(250)), + $mdgriffith$elm_ui$Element$centerX, + $mdgriffith$elm_ui$Element$centerY + ]), + A2( + $author$project$Widget$column, + style.cardColumn, + $elm$core$List$singleton( + A2( + $mdgriffith$elm_ui$Element$paragraph, + _List_Nil, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))), + onDismiss: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Modal$ToggleModal(false))) + }) : _List_Nil), + A2( + $author$project$Widget$button, + style.primaryButton, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html( + A2( + $feathericons$elm_feather$FeatherIcons$toHtml, + _List_Nil, + A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$eye)))), + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Modal$ToggleModal(true))), + text: 'show Modal' + })); + }); +var $author$project$Example$MultiSelect$ChangedSelected = function (a) { + return {$: 'ChangedSelected', a: a}; +}; +var $author$project$Example$MultiSelect$view = F3( + function (msgMapper, style, _v0) { + var selected = _v0.a; + return A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$multiSelect( + { + onSelect: A2( + $elm$core$Basics$composeR, + $author$project$Example$MultiSelect$ChangedSelected, + A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: selected + })); + }); +var $author$project$Example$Select$ChangedSelected = function (a) { + return {$: 'ChangedSelected', a: a}; +}; +var $author$project$Example$Select$view = F3( + function (msgMapper, style, _v0) { + var selected = _v0.a; + return A2( + $author$project$Widget$buttonRow, + {button: style.selectButton, list: style.buttonRow}, + $author$project$Widget$select( + { + onSelect: A2( + $elm$core$Basics$composeR, + $author$project$Example$Select$ChangedSelected, + A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 42])), + selected: selected + })); + }); +var $author$project$Example$SortTable$ChangedSorting = function (a) { + return {$: 'ChangedSorting', a: a}; +}; +var $author$project$Example$SortTable$view = F3( + function (msgMapper, style, model) { + return A2( + $author$project$Widget$sortTable, + style.sortTable, + { + asc: model.asc, + columns: _List_fromArray( + [ + $author$project$Widget$intColumn( + { + title: 'Id', + toString: function (_int) { + return '#' + $elm$core$String$fromInt(_int); + }, + value: function ($) { + return $.id; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$stringColumn( + { + title: 'Name', + toString: $elm$core$Basics$identity, + value: function ($) { + return $.name; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$floatColumn( + { + title: 'Rating', + toString: $elm$core$String$fromFloat, + value: function ($) { + return $.rating; + }, + width: $mdgriffith$elm_ui$Element$fill + }), + $author$project$Widget$unsortableColumn( + { + title: 'Hash', + toString: A2( + $elm$core$Basics$composeR, + function ($) { + return $.hash; + }, + $elm$core$Maybe$withDefault('None')), + width: $mdgriffith$elm_ui$Element$fill + }) + ]), + content: _List_fromArray( + [ + {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456}, + { + hash: $elm$core$Maybe$Just('45jf'), + id: 2, + name: 'Ana', + rating: 1.34 + }, + { + hash: $elm$core$Maybe$Just('6fs1'), + id: 3, + name: 'Alfred', + rating: 4.22 + }, + { + hash: $elm$core$Maybe$Just('k52f'), + id: 4, + name: 'Thomas', + rating: 3 + } + ]), + onChange: A2($elm$core$Basics$composeR, $author$project$Example$SortTable$ChangedSorting, msgMapper), + sortBy: model.title + }); + }); +var $author$project$Example$Tab$ChangedTab = function (a) { + return {$: 'ChangedTab', a: a}; +}; +<<<<<<< HEAD var $author$project$Widget$multiSelect = function (_v0) { var selected = _v0.selected; var options = _v0.options; var onSelect = _v0.onSelect; return A2( $elm$core$List$indexedMap, +======= +var $author$project$Example$Tab$view = F3( + function (msgMapper, style, _v0) { + var selected = _v0.a; + return A2( + $author$project$Widget$tab, + style.tab, + { + content: function (s) { + return $mdgriffith$elm_ui$Element$text( + function () { + _v1$3: + while (true) { + if (s.$ === 'Just') { + switch (s.a) { + case 0: + return 'This is Tab 1'; + case 1: + return 'This is the second tab'; + case 2: + return 'The thrid and last tab'; + default: + break _v1$3; + } + } else { + break _v1$3; + } + } + return 'Please select a tab'; + }()); + }, + tabs: { + onSelect: A2( + $elm$core$Basics$composeR, + $author$project$Example$Tab$ChangedTab, + A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)), + options: A2( + $elm$core$List$map, + function (_int) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: 'Tab ' + $elm$core$String$fromInt(_int) + }; + }, + _List_fromArray( + [1, 2, 3])), + selected: selected + } + }); + }); +var $author$project$Example$TextInput$SetTextInput = function (a) { + return {$: 'SetTextInput', a: a}; +}; +var $author$project$Example$TextInput$ToggleTextInputChip = function (a) { + return {$: 'ToggleTextInputChip', a: a}; +}; +var $elm$core$Dict$diff = F2( + function (t1, t2) { + return A3( + $elm$core$Dict$foldl, + F3( + function (k, v, t) { + return A2($elm$core$Dict$remove, k, t); + }), + t1, + t2); + }); +var $elm$core$Set$diff = F2( + function (_v0, _v1) { + var dict1 = _v0.a; + var dict2 = _v1.a; + return $elm$core$Set$Set_elm_builtin( + A2($elm$core$Dict$diff, dict1, dict2)); + }); +var $mdgriffith$elm_ui$Internal$Model$Padding = F5( + function (a, b, c, d, e) { + return {$: 'Padding', a: a, b: b, c: c, d: d, e: e}; + }); +var $mdgriffith$elm_ui$Internal$Model$Spaced = F3( + function (a, b, c) { + return {$: 'Spaced', a: a, b: b, c: c}; + }); +var $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding = function (attrs) { + return A3( + $elm$core$List$foldr, +>>>>>>> cc2ca06... finishing the material design F2( - function (i, a) { + function (attr, _v0) { + var pad = _v0.a; + var spacing = _v0.b; return _Utils_Tuple2( - A2($elm$core$Set$member, i, selected), - { - icon: a.icon, - onPress: onSelect(i), - text: a.text - }); + function () { + if (pad.$ === 'Just') { + var x = pad.a; + return pad; + } else { + if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) { + var _v3 = attr.b; + var name = _v3.a; + var t = _v3.b; + var r = _v3.c; + var b = _v3.d; + var l = _v3.e; + return $elm$core$Maybe$Just( + A5($mdgriffith$elm_ui$Internal$Model$Padding, name, t, r, b, l)); + } else { + return $elm$core$Maybe$Nothing; + } + } + }(), + function () { + if (spacing.$ === 'Just') { + var x = spacing.a; + return spacing; + } else { + if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) { + var _v6 = attr.b; + var name = _v6.a; + var x = _v6.b; + var y = _v6.c; + return $elm$core$Maybe$Just( + A3($mdgriffith$elm_ui$Internal$Model$Spaced, name, x, y)); + } else { + return $elm$core$Maybe$Nothing; + } + } + }()); }), +<<<<<<< HEAD options); }; var $author$project$Stateless$multiSelect = function (model) { @@ -17480,47 +21481,181 @@ var $author$project$Stateless$select = function (model) { })); }, $author$project$Widget$select( - { - onSelect: A2($elm$core$Basics$composeR, $author$project$Stateless$ChangedSelected, $elm$core$Maybe$Just), - options: A2( - $elm$core$List$map, - function (_int) { - return { - icon: $mdgriffith$elm_ui$Element$none, - text: $elm$core$String$fromInt(_int) - }; - }, - _List_fromArray( - [1, 2, 42])), - selected: model.selected - })))); +======= + _Utils_Tuple2($elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing), + attrs); }; -var $author$project$Stateless$ChangedTab = function (a) { - return {$: 'ChangedTab', a: a}; -}; -var $Orasund$elm_ui_framework$Framework$Group$bottom = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$roundEach( - {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0}) - ]); -var $Orasund$elm_ui_framework$Framework$Card$small = $Orasund$elm_ui_framework$Framework$Card$withSize(240); -var $author$project$Widget$tab = F3( - function (style, options, content) { +var $mdgriffith$elm_ui$Element$wrappedRow = F2( + function (attrs, children) { + var _v0 = $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding(attrs); + var padded = _v0.a; + var spaced = _v0.b; + if (spaced.$ === 'Nothing') { + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asRow, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), + attrs))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); + } else { + var _v2 = spaced.a; + var spaceName = _v2.a; + var x = _v2.b; + var y = _v2.c; + var newPadding = function () { + if (padded.$ === 'Just') { + var _v5 = padded.a; + var name = _v5.a; + var t = _v5.b; + var r = _v5.c; + var b = _v5.d; + var l = _v5.e; + return ((_Utils_cmp(r, (x / 2) | 0) > -1) && (_Utils_cmp(b, (y / 2) | 0) > -1)) ? $elm$core$Maybe$Just( + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: b - ((y / 2) | 0), left: l - ((x / 2) | 0), right: r - ((x / 2) | 0), top: t - ((y / 2) | 0)})) : $elm$core$Maybe$Nothing; + } else { + return $elm$core$Maybe$Nothing; + } + }(); + if (newPadding.$ === 'Just') { + var pad = newPadding.a; + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asRow, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), + _Utils_ap( + attrs, + _List_fromArray( + [pad]))))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); + } else { + var halfY = -(y / 2); + var halfX = -(x / 2); + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asEl, + $mdgriffith$elm_ui$Internal$Model$div, + attrs, + $mdgriffith$elm_ui$Internal$Model$Unkeyed( + _List_fromArray( + [ + A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asRow, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$Attr( + A2( + $elm$html$Html$Attributes$style, + 'margin', + $elm$core$String$fromFloat(halfY) + ('px' + (' ' + ($elm$core$String$fromFloat(halfX) + 'px'))))), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$Attr( + A2( + $elm$html$Html$Attributes$style, + 'width', + 'calc(100% + ' + ($elm$core$String$fromInt(x) + 'px)'))), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$Attr( + A2( + $elm$html$Html$Attributes$style, + 'height', + 'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))), + A2( + $elm$core$List$cons, + A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$spacing, + A3($mdgriffith$elm_ui$Internal$Model$SpacingStyle, spaceName, x, y)), + _List_Nil))))), + $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)) + ]))); + } + } + }); +var $author$project$Example$TextInput$view = F3( + function (msgMapper, style, model) { return A2( - $mdgriffith$elm_ui$Element$column, - style.containerColumn, + $author$project$Widget$column, + style.column, _List_fromArray( [ A2( - $mdgriffith$elm_ui$Element$row, - style.optionRow, + $author$project$Widget$textInput, + style.textInput, +>>>>>>> cc2ca06... finishing the material design + { + chips: A2( + $elm$core$List$map, + function (string) { + return { + icon: $mdgriffith$elm_ui$Element$none, + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$TextInput$ToggleTextInputChip(string))), + text: string + }; + }, + $elm$core$Set$toList(model.chipTextInput)), + label: 'Chips', + onChange: A2($elm$core$Basics$composeR, $author$project$Example$TextInput$SetTextInput, msgMapper), + placeholder: $elm$core$Maybe$Nothing, + text: model.textInput + }), + A2( + $mdgriffith$elm_ui$Element$wrappedRow, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$spacing(10) + ]), A2( $elm$core$List$map, - $author$project$Widget$selectButton(style.button), - $author$project$Widget$select(options))), - content(options.selected) + function (string) { + return A2( + $author$project$Widget$button, + style.textInput.chipButton, + { + icon: $mdgriffith$elm_ui$Element$none, + onPress: $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$TextInput$ToggleTextInputChip(string))), + text: string + }); + }, + $elm$core$Set$toList( + A2( + $elm$core$Set$diff, + $elm$core$Set$fromList( + _List_fromArray( + ['A', 'B', 'C'])), + model.chipTextInput)))) ])); }); +<<<<<<< HEAD var $Orasund$elm_ui_framework$Framework$Group$top = _List_fromArray( [ $mdgriffith$elm_ui$Element$Border$roundEach( @@ -17554,40 +21689,340 @@ var $author$project$Stateless$tab = function (model) { _List_fromArray( [1, 2, 3])), selected: model.tab +======= +var $author$project$Data$Example$view = F3( + function (msgMapper, style, model) { + return { + button: A3( + $author$project$Example$Button$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$Button, msgMapper), + style, + function ($) { + return $.button; + }(model)), + dialog: A3( + $author$project$Example$Dialog$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$Dialog, msgMapper), + style, + function ($) { + return $.dialog; + }(model)), + expansionPanel: A3( + $author$project$Example$ExpansionPanel$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$ExpansionPanel, msgMapper), + style, + function ($) { + return $.expansionPanel; + }(model)), + list: A3( + $author$project$Example$List$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$List, msgMapper), + style, + function ($) { + return $.list; + }(model)), + modal: A3( + $author$project$Example$Modal$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$Modal, msgMapper), + style, + function ($) { + return $.modal; + }(model)), + multiSelect: A3( + $author$project$Example$MultiSelect$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$MultiSelect, msgMapper), + style, + function ($) { + return $.multiSelect; + }(model)), + select: A3( + $author$project$Example$Select$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$Select, msgMapper), + style, + function ($) { + return $.select; + }(model)), + sortTable: A3( + $author$project$Example$SortTable$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$SortTable, msgMapper), + style, + function ($) { + return $.sortTable; + }(model)), + tab: A3( + $author$project$Example$Tab$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$Tab, msgMapper), + style, + function ($) { + return $.tab; + }(model)), + textInput: A3( + $author$project$Example$TextInput$view, + A2($elm$core$Basics$composeR, $author$project$Data$Example$TextInput, msgMapper), + style, + function ($) { + return $.textInput; + }(model)) + }; + }); +var $author$project$Data$Example$toCardList = function (_v0) { + var idle = _v0.idle; + var msgMapper = _v0.msgMapper; + var style = _v0.style; + var model = _v0.model; + return A2( + $elm$core$List$map, + function (_v1) { + var title = _v1.title; + var example = _v1.example; + var test = _v1.test; + return _Utils_Tuple3( + title, + example( + A3($author$project$Data$Example$view, msgMapper, style, model)), + A2( + $mdgriffith$elm_ui$Element$column, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ])), + A2( + $elm$core$List$map, + function (_v2) { + var name = _v2.a; + var elem = _v2.b; + return A2( + $mdgriffith$elm_ui$Element$row, + $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$wrappedRow, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + ]), + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text(name))), + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 0, left: 8, right: 0, top: 0}), + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + ]), + elem) + ])); + }, + A2(test, idle, style)))); + }, + A2( + $elm$core$List$map, + function (example) { + return { + example: $author$project$Data$Example$get(example), + test: $author$project$Data$Example$toTests(example), + title: $author$project$Data$Example$toString(example) + }; +>>>>>>> cc2ca06... finishing the material design }, - function (selected) { - return A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap($Orasund$elm_ui_framework$Framework$Card$small, $Orasund$elm_ui_framework$Framework$Group$bottom), - $mdgriffith$elm_ui$Element$text( - function () { - _v0$3: - while (true) { - if (selected.$ === 'Just') { - switch (selected.a) { - case 0: - return 'This is Tab 1'; - case 1: - return 'This is the second tab'; - case 2: - return 'The thrid and last tab'; - default: - break _v0$3; + $author$project$Data$Example$asList)); +}; +var $author$project$Stateless$view = function (_v0) { + var theme = _v0.theme; + var msgMapper = _v0.msgMapper; + var model = _v0.model; + var style = $author$project$Data$Theme$toStyle(theme); + return { + description: 'Stateless views are simple functions that view some content. No wiring required.', + items: $author$project$Data$Example$toCardList( + { + idle: msgMapper($author$project$Stateless$Idle), + model: model.example, + msgMapper: A2($elm$core$Basics$composeR, $author$project$Stateless$ExampleSpecific, msgMapper), + style: style + }), + title: 'Stateless Views' + }; +}; +var $author$project$Widget$Layout$LeftSheet = {$: 'LeftSheet'}; +var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'}; +var $author$project$Widget$Layout$RightSheet = {$: 'RightSheet'}; +var $author$project$Widget$Layout$Search = {$: 'Search'}; +var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'}; +var $mdgriffith$elm_ui$Element$BigDesktop = {$: 'BigDesktop'}; +var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'}; +var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'}; +var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'}; +var $mdgriffith$elm_ui$Element$classifyDevice = function (window) { + return { + _class: function () { + var shortSide = A2($elm$core$Basics$min, window.width, window.height); + var longSide = A2($elm$core$Basics$max, window.width, window.height); + return (shortSide < 600) ? $mdgriffith$elm_ui$Element$Phone : ((longSide <= 1200) ? $mdgriffith$elm_ui$Element$Tablet : (((longSide > 1200) && (longSide <= 1920)) ? $mdgriffith$elm_ui$Element$Desktop : $mdgriffith$elm_ui$Element$BigDesktop)); + }(), + orientation: (_Utils_cmp(window.width, window.height) < 0) ? $mdgriffith$elm_ui$Element$Portrait : $mdgriffith$elm_ui$Element$Landscape + }; +}; +var $elm$core$List$drop = F2( + function (n, list) { + drop: + while (true) { + if (n <= 0) { + return list; + } else { + if (!list.b) { + return list; + } else { + var x = list.a; + var xs = list.b; + var $temp$n = n - 1, + $temp$list = xs; + n = $temp$n; + list = $temp$list; + continue drop; + } + } + } + }); +var $mdgriffith$elm_ui$Element$Input$Placeholder = F2( + function (a, b) { + return {$: 'Placeholder', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder; +var $elm$core$List$takeReverse = F3( + function (n, list, kept) { + takeReverse: + while (true) { + if (n <= 0) { + return kept; + } else { + if (!list.b) { + return kept; + } else { + var x = list.a; + var xs = list.b; + var $temp$n = n - 1, + $temp$list = xs, + $temp$kept = A2($elm$core$List$cons, x, kept); + n = $temp$n; + list = $temp$list; + kept = $temp$kept; + continue takeReverse; + } + } + } + }); +var $elm$core$List$takeTailRec = F2( + function (n, list) { + return $elm$core$List$reverse( + A3($elm$core$List$takeReverse, n, list, _List_Nil)); + }); +var $elm$core$List$takeFast = F3( + function (ctr, n, list) { + if (n <= 0) { + return _List_Nil; + } else { + var _v0 = _Utils_Tuple2(n, list); + _v0$1: + while (true) { + _v0$5: + while (true) { + if (!_v0.b.b) { + return list; + } else { + if (_v0.b.b.b) { + switch (_v0.a) { + case 1: + break _v0$1; + case 2: + var _v2 = _v0.b; + var x = _v2.a; + var _v3 = _v2.b; + var y = _v3.a; + return _List_fromArray( + [x, y]); + case 3: + if (_v0.b.b.b.b) { + var _v4 = _v0.b; + var x = _v4.a; + var _v5 = _v4.b; + var y = _v5.a; + var _v6 = _v5.b; + var z = _v6.a; + return _List_fromArray( + [x, y, z]); + } else { + break _v0$5; + } + default: + if (_v0.b.b.b.b && _v0.b.b.b.b.b) { + var _v7 = _v0.b; + var x = _v7.a; + var _v8 = _v7.b; + var y = _v8.a; + var _v9 = _v8.b; + var z = _v9.a; + var _v10 = _v9.b; + var w = _v10.a; + var tl = _v10.b; + return (ctr > 1000) ? A2( + $elm$core$List$cons, + x, + A2( + $elm$core$List$cons, + y, + A2( + $elm$core$List$cons, + z, + A2( + $elm$core$List$cons, + w, + A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2( + $elm$core$List$cons, + x, + A2( + $elm$core$List$cons, + y, + A2( + $elm$core$List$cons, + z, + A2( + $elm$core$List$cons, + w, + A3($elm$core$List$takeFast, ctr + 1, n - 4, tl))))); + } else { + break _v0$5; } - } else { - break _v0$3; - } } - return 'Please select a tab'; - }())); - })); -}; -var $author$project$Stateless$SetTextInput = function (a) { - return {$: 'SetTextInput', a: a}; -}; -var $author$project$Stateless$ToggleTextInputChip = function (a) { - return {$: 'ToggleTextInputChip', a: a}; + } else { + if (_v0.a === 1) { + break _v0$1; + } else { + break _v0$5; + } + } + } + } + return list; + } + var _v1 = _v0.b; + var x = _v1.a; + return _List_fromArray( + [x]); + } + }); +var $elm$core$List$take = F2( + function (n, list) { + return A3($elm$core$List$takeFast, 0, n, list); + }); +var $author$project$Widget$Snackbar$current = function (model) { + return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current); }; +<<<<<<< HEAD var $author$project$Stateless$chipButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Tag$simple, disabled: _List_Nil, label: $Orasund$elm_ui_framework$Framework$Grid$simple}; var $elm$core$Dict$diff = F2( function (t1, t2) { @@ -17596,26 +22031,175 @@ var $elm$core$Dict$diff = F2( F3( function (k, v, t) { return A2($elm$core$Dict$remove, k, t); +======= +var $author$project$Widget$Snackbar$view = F3( + function (style, toMessage, model) { + return A2( + $elm$core$Maybe$map, + A2( + $elm$core$Basics$composeR, + toMessage, + function (_v0) { + var text = _v0.text; + var button = _v0.button; + return A2( + $mdgriffith$elm_ui$Element$row, + style.containerRow, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$paragraph, + style.text, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text(text))), + A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Element$none, + A2( + $elm$core$Maybe$map, + $author$project$Widget$textButton(style.button), + button)) + ])); +>>>>>>> cc2ca06... finishing the material design }), - t1, - t2); + $author$project$Widget$Snackbar$current(model)); }); -var $elm$core$Set$diff = F2( - function (_v0, _v1) { - var dict1 = _v0.a; - var dict2 = _v1.a; - return $elm$core$Set$Set_elm_builtin( - A2($elm$core$Dict$diff, dict1, dict2)); - }); -var $author$project$Stateless$textInput = function (model) { - return _Utils_Tuple2( - 'Chip Text Input', - A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, +var $author$project$Widget$Layout$view = F3( + function (style, _v0, content) { + var search = _v0.search; + var title = _v0.title; + var onChangedSidebar = _v0.onChangedSidebar; + var menu = _v0.menu; + var actions = _v0.actions; + var window = _v0.window; + var dialog = _v0.dialog; + var layout = _v0.layout; + var snackbar = A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Element$none, + A2( + $elm$core$Maybe$map, + $mdgriffith$elm_ui$Element$el( + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(style.spacing), + $mdgriffith$elm_ui$Element$alignBottom, + $mdgriffith$elm_ui$Element$alignRight + ])), + A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar))); + var deviceClass = $mdgriffith$elm_ui$Element$classifyDevice(window)._class; + var _v1 = _Utils_Tuple2( + ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions))), + ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions)))); + var primaryActions = _v1.a; + var moreActions = _v1.b; + var sheet = function () { + var _v5 = layout.active; + if (_v5.$ === 'Just') { + switch (_v5.a.$) { + case 'LeftSheet': + var _v6 = _v5.a; + return A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + style.sheet, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$alignLeft + ])), + A2( + $mdgriffith$elm_ui$Element$column, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + $elm$core$List$concat( + _List_fromArray( + [ + _List_fromArray( + [title]), + A2( + $elm$core$List$map, + $author$project$Widget$selectButton(style.sheetButton), + $author$project$Widget$select(menu)) + ])))); + case 'RightSheet': + var _v7 = _v5.a; + return A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + style.sheet, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$alignRight + ])), + A2( + $mdgriffith$elm_ui$Element$column, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + A2( + $elm$core$List$map, + $author$project$Widget$button(style.sheetButton), + moreActions))); + default: + var _v8 = _v5.a; + if (search.$ === 'Just') { + var onChange = search.a.onChange; + var text = search.a.text; + var label = search.a.label; + return A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$alignTop, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + A2( + $mdgriffith$elm_ui$Element$Input$text, + _Utils_ap( + style.searchFill, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ])), + { + label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), + onChange: onChange, + placeholder: $elm$core$Maybe$Just( + A2( + $mdgriffith$elm_ui$Element$Input$placeholder, + _List_Nil, + $mdgriffith$elm_ui$Element$text(label))), + text: text + })); + } else { + return $mdgriffith$elm_ui$Element$none; + } + } + } else { + return $mdgriffith$elm_ui$Element$none; + } + }(); + var nav = A2( + $mdgriffith$elm_ui$Element$row, + _Utils_ap( + style.header, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$padding(0), + $mdgriffith$elm_ui$Element$centerX, + $mdgriffith$elm_ui$Element$spacing(style.spacing), + $mdgriffith$elm_ui$Element$alignTop, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ])), _List_fromArray( [ A2( +<<<<<<< HEAD $author$project$Widget$textInput, { chip: $author$project$Stateless$chipButton, @@ -17665,109 +22249,193 @@ var $author$project$Stateless$textInput = function (model) { }), A2( $mdgriffith$elm_ui$Element$wrappedRow, +======= + $mdgriffith$elm_ui$Element$row, +>>>>>>> cc2ca06... finishing the material design _List_fromArray( [ - $mdgriffith$elm_ui$Element$spacing(10) + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$spacing(style.spacing) ]), + (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray( + [ + A2( + $author$project$Widget$iconButton, + style.menuButton, + { + icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon), + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))), + text: 'Menu' + }), + A2( + $mdgriffith$elm_ui$Element$el, + style.title, + A2( + $elm$core$Maybe$withDefault, + title, + A2( + $elm$core$Maybe$map, + A2( + $elm$core$Basics$composeR, + function ($) { + return $.text; + }, + $mdgriffith$elm_ui$Element$text), + A2( + $elm$core$Maybe$andThen, + function (option) { + return A2( + $elm$core$Array$get, + option, + $elm$core$Array$fromList(menu.options)); + }, + menu.selected)))) + ]) : _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$el, style.title, title), + A2( + $mdgriffith$elm_ui$Element$row, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) + ]), + A2( + $elm$core$List$map, + $author$project$Widget$selectButton(style.menuTabButton), + $author$project$Widget$select(menu))) + ])), + (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2( + $elm$core$Maybe$withDefault, + $mdgriffith$elm_ui$Element$none, A2( - $elm$core$List$map, - function (string) { + $elm$core$Maybe$map, + function (_v3) { + var onChange = _v3.onChange; + var text = _v3.text; + var label = _v3.label; return A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Tag$simple), + $mdgriffith$elm_ui$Element$Input$text, + style.search, { - label: $mdgriffith$elm_ui$Element$text(string), - onPress: $elm$core$Maybe$Just( - $author$project$Stateless$ToggleTextInputChip(string)) + label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), + onChange: onChange, + placeholder: $elm$core$Maybe$Just( + A2( + $mdgriffith$elm_ui$Element$Input$placeholder, + _List_Nil, + $mdgriffith$elm_ui$Element$text(label))), + text: text }); }, - $elm$core$Set$toList( - A2( - $elm$core$Set$diff, - $elm$core$Set$fromList( - _List_fromArray( - ['A', 'B', 'C'])), - model.chipTextInput)))) - ]))); -}; -var $author$project$Stateless$view = F2( - function (_v0, model) { - var msgMapper = _v0.msgMapper; - var showDialog = _v0.showDialog; - var changedSheet = _v0.changedSheet; - return { - description: 'Stateless views are simple functions that view some content. No wiring required.', - items: _List_fromArray( - [ + search)), A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$iconButton(model)), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$select(model)), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$multiSelect(model)), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$collapsable(model)), - A2($author$project$Stateless$modal, changedSheet, model), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$carousel(model)), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$tab(model)), - A2($author$project$Stateless$dialog, showDialog, model), - A2( - $elm$core$Tuple$mapSecond, - $mdgriffith$elm_ui$Element$map(msgMapper), - $author$project$Stateless$textInput(model)) - ]), - title: 'Stateless Views' - }; - }); -var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id'); -var $author$project$Widget$ScrollingNav$view = F2( - function (asElement, _v0) { - var toString = _v0.toString; - var arrangement = _v0.arrangement; - return A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$simple, - A2( - $elm$core$List$map, - function (header) { - return A2( - $mdgriffith$elm_ui$Element$el, + $mdgriffith$elm_ui$Element$row, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$alignRight + ]), + $elm$core$List$concat( _List_fromArray( [ - $mdgriffith$elm_ui$Element$htmlAttribute( - $elm$html$Html$Attributes$id( - toString(header))), - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ]), - asElement(header)); - }, - arrangement)); + A2( + $elm$core$Maybe$withDefault, + _List_Nil, + A2( + $elm$core$Maybe$map, + function (_v4) { + var label = _v4.label; + return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray( + [ + A2( + $author$project$Widget$button, + style.menuButton, + { + icon: style.searchIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Widget$Layout$Search))), + text: label + }) + ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray( + [ + A2( + $author$project$Widget$iconButton, + style.menuButton, + { + icon: style.searchIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Widget$Layout$Search))), + text: label + }) + ]) : _List_Nil); + }, + search)), + A2( + $elm$core$List$map, + _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Widget$iconButton(style.menuButton) : $author$project$Widget$button(style.menuButton), + primaryActions), + $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray( + [ + A2( + $author$project$Widget$iconButton, + style.menuButton, + { + icon: style.moreVerticalIcon, + onPress: $elm$core$Maybe$Just( + onChangedSidebar( + $elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))), + text: 'More' + }) + ]) + ]))) + ])); + return A2( + style.layout, + $elm$core$List$concat( + _List_fromArray( + [ + style.container, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$inFront(nav), + $mdgriffith$elm_ui$Element$inFront(snackbar) + ]), + function () { + if ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) { + if (dialog.$ === 'Just') { + var dialogConfig = dialog.a; + return dialogConfig; + } else { + return $author$project$Widget$modal( + { + content: sheet, + onDismiss: $elm$core$Maybe$Just( + onChangedSidebar($elm$core$Maybe$Nothing)) + }); + } + } else { + return _List_Nil; + } + }() + ])), + content); }); -var $author$project$Example$view = function (model) { +var $author$project$Main$view = function (model) { if (model.$ === 'Loading') { return A2($Orasund$elm_ui_framework$Framework$responsiveLayout, _List_Nil, $mdgriffith$elm_ui$Element$none); } else { var m = model.a; + var style = $author$project$Data$Theme$toStyle(m.theme); return A2( $elm$html$Html$map, - $author$project$Example$LoadedSpecific, - A2( - $author$project$Layout$view, - _List_Nil, + $author$project$Main$LoadedSpecific, + A3( + $author$project$Widget$Layout$view, + style.layout, { actions: _List_fromArray( [ @@ -17777,7 +22445,7 @@ var $author$project$Example$view = function (model) { _List_Nil, $mdgriffith$elm_ui$Element$html($author$project$Icons$book)), onPress: $elm$core$Maybe$Just( - $author$project$Example$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')), + $author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')), text: 'Docs' }, { @@ -17786,163 +22454,68 @@ var $author$project$Example$view = function (model) { _List_Nil, $mdgriffith$elm_ui$Element$html($author$project$Icons$github)), onPress: $elm$core$Maybe$Just( - $author$project$Example$Load('https://github.com/Orasund/elm-ui-widgets')), + $author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')), text: 'Github' }, { icon: A2( $mdgriffith$elm_ui$Element$el, _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$circle)), - onPress: $elm$core$Maybe$Nothing, - text: 'Placeholder' + $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)), + onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just( + $author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing, + text: 'Material Theme' }, { icon: A2( $mdgriffith$elm_ui$Element$el, _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)), - onPress: $elm$core$Maybe$Nothing, - text: 'Placeholder' + $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)), + onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just( + $author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing, + text: 'Dark Material Theme' }, { icon: A2( $mdgriffith$elm_ui$Element$el, _List_Nil, - $mdgriffith$elm_ui$Element$html($author$project$Icons$square)), - onPress: $elm$core$Maybe$Nothing, - text: 'Placeholder' + $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)), + onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$ElmUiFramework)) ? $elm$core$Maybe$Just( + $author$project$Main$SetTheme($author$project$Data$Theme$ElmUiFramework)) : $elm$core$Maybe$Nothing, + text: 'Elm-Ui-Framework Theme' + }, + { + icon: A2( + $mdgriffith$elm_ui$Element$el, + _List_Nil, + $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)), + onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Template)) ? $elm$core$Maybe$Just( + $author$project$Main$SetTheme($author$project$Data$Theme$Template)) : $elm$core$Maybe$Nothing, + text: 'Template Theme' } ]), - content: A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$Grid$compact, - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$el, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(42)) - ]), - $mdgriffith$elm_ui$Element$none), - A2( - $mdgriffith$elm_ui$Element$column, - $Orasund$elm_ui_framework$Framework$container, - _List_fromArray( - [ - A2( - $author$project$Widget$ScrollingNav$view, - function (section) { - return function (_v2) { - var title = _v2.title; - var description = _v2.description; - var items = _v2.items; - return A2( - $mdgriffith$elm_ui$Element$column, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$section, - _List_fromArray( - [$mdgriffith$elm_ui$Element$centerX])), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h2, - $mdgriffith$elm_ui$Element$text(title)), - (m.search.current === '') ? A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text(description))) : $mdgriffith$elm_ui$Element$none, - A2( - $mdgriffith$elm_ui$Element$wrappedRow, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) - ])), - A2( - $elm$core$List$map, - function (_v3) { - var name = _v3.a; - var elem = _v3.b; - return A2( - $mdgriffith$elm_ui$Element$column, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$large, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill) - ]))), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h3, - $mdgriffith$elm_ui$Element$text(name)), - elem - ])); - }, - ((m.search.current !== '') ? $elm$core$List$filter( - A2( - $elm$core$Basics$composeR, - $elm$core$Tuple$first, - A2( - $elm$core$Basics$composeR, - $elm$core$String$toLower, - $elm$core$String$contains( - $elm$core$String$toLower(m.search.current))))) : $elm$core$Basics$identity)(items))) - ])); - }( - function () { - switch (section.$) { - case 'ComponentViews': - return A2($author$project$Component$view, $author$project$Example$ComponentSpecific, m.component); - case 'ReusableViews': - return $author$project$Reusable$view( - {addSnackbar: $author$project$Example$AddSnackbar, model: m.reusable, msgMapper: $author$project$Example$ReusableSpecific}); - default: - return A2( - $author$project$Stateless$view, - { - changedSheet: $author$project$Example$ChangedSidebar, - msgMapper: $author$project$Example$StatelessSpecific, - showDialog: $author$project$Example$ToggleDialog(true) - }, - m.stateless); - } - }()); - }, - m.scrollingNav) - ])) - ])), dialog: m.displayDialog ? $elm$core$Maybe$Just( A2( $author$project$Widget$dialog, +<<<<<<< HEAD $author$project$Example$style.dialog, +======= + style.dialog, +>>>>>>> cc2ca06... finishing the material design { accept: $elm$core$Maybe$Just( { onPress: $elm$core$Maybe$Just( - $author$project$Example$ToggleDialog(false)), + $author$project$Main$ToggleDialog(false)), text: 'Ok' }), - body: A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('This is a dialog window'))), dismiss: $elm$core$Maybe$Just( { onPress: $elm$core$Maybe$Just( - $author$project$Example$ToggleDialog(false)), + $author$project$Main$ToggleDialog(false)), text: 'Dismiss' }), + text: 'This is a dialog window', title: $elm$core$Maybe$Just('Dialog') })) : $elm$core$Maybe$Nothing, layout: m.layout, @@ -17951,31 +22524,144 @@ var $author$project$Example$view = function (model) { function (_int) { return A2( $elm$core$Maybe$map, - $author$project$Example$JumpTo, + $author$project$Main$JumpTo, A2( $elm$core$Array$get, _int, $elm$core$Array$fromList(m.scrollingNav.arrangement))); }, m.scrollingNav), - onChangedSidebar: $author$project$Example$ChangedSidebar, + onChangedSidebar: $author$project$Main$ChangedSidebar, search: $elm$core$Maybe$Just( +<<<<<<< HEAD {label: 'Search', onChange: $author$project$Example$ChangedSearch, text: m.search.raw}), style: $author$project$Example$style, +======= + {label: 'Search', onChange: $author$project$Main$ChangedSearch, text: m.search.raw}), +>>>>>>> cc2ca06... finishing the material design title: A2( $mdgriffith$elm_ui$Element$el, $Orasund$elm_ui_framework$Framework$Heading$h1, $mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')), window: m.window - })); + }, + A2( + $mdgriffith$elm_ui$Element$column, + $Orasund$elm_ui_framework$Framework$Grid$compact, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height( + $mdgriffith$elm_ui$Element$px(42)) + ]), + $mdgriffith$elm_ui$Element$none), + A2( + $mdgriffith$elm_ui$Element$column, + _Utils_ap($Orasund$elm_ui_framework$Framework$container, style.layout.container), + A2( + $elm$core$List$map, + function (section) { + return function (_v2) { + var title = _v2.title; + var description = _v2.description; + var items = _v2.items; + return A2( + $mdgriffith$elm_ui$Element$column, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$section, + _List_fromArray( + [$mdgriffith$elm_ui$Element$centerX])), + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$el, + $Orasund$elm_ui_framework$Framework$Heading$h2, + $mdgriffith$elm_ui$Element$text(title)), + (m.search.current === '') ? A2( + $mdgriffith$elm_ui$Element$paragraph, + _List_Nil, + $elm$core$List$singleton( + $mdgriffith$elm_ui$Element$text(description))) : $mdgriffith$elm_ui$Element$none, + A2( + $mdgriffith$elm_ui$Element$wrappedRow, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink) + ])), + A2( + $elm$core$List$map, + function (_v4) { + var name = _v4.a; + var elem = _v4.b; + var more = _v4.c; + return A2( + $author$project$Widget$column, + style.cardColumn, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$column, + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + A2( + $mdgriffith$elm_ui$Element$el, + _Utils_ap( + $Orasund$elm_ui_framework$Framework$Heading$h3, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), + $mdgriffith$elm_ui$Element$htmlAttribute( + $elm$html$Html$Attributes$id(name)) + ])), + $mdgriffith$elm_ui$Element$text(name)), + elem + ])), + A2( + $mdgriffith$elm_ui$Element$el, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) + ]), + more) + ])); + }, + ((m.search.current !== '') ? $elm$core$List$filter( + function (_v3) { + var a = _v3.a; + return A2( + $elm$core$String$contains, + $elm$core$String$toLower(m.search.current), + $elm$core$String$toLower(a)); + }) : $elm$core$Basics$identity)(items))) + ])); + }( + function () { + if (section.$ === 'ReusableViews') { + return $author$project$Reusable$view( + {addSnackbar: $author$project$Main$AddSnackbar, theme: m.theme}); + } else { + return $author$project$Stateless$view( + {model: m.stateless, msgMapper: $author$project$Main$StatelessSpecific, theme: m.theme}); + } + }()); + }, + _List_fromArray( + [$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews]))) + ])))); } }; -var $author$project$Example$main = $elm$browser$Browser$element( - {init: $author$project$Example$init, subscriptions: $author$project$Example$subscriptions, update: $author$project$Example$update, view: $author$project$Example$view}); -_Platform_export({'Example':{'init':$author$project$Example$main( +var $author$project$Main$main = $elm$browser$Browser$element( + {init: $author$project$Main$init, subscriptions: $author$project$Main$subscriptions, update: $author$project$Main$update, view: $author$project$Main$view}); +_Platform_export({'Main':{'init':$author$project$Main$main( $elm$json$Json$Decode$succeed(_Utils_Tuple0))(0)}});}(this)); - var app = Elm.Example.init({ node: document.getElementById("elm") }); + var app = Elm.Main.init({ node: document.getElementById("elm") }); } catch (e) {