From be554442b6509917db03c089563a783a93bd7eb6 Mon Sep 17 00:00:00 2001 From: Unknown Date: Mon, 25 May 2020 14:08:50 +0200 Subject: [PATCH] Updated Homepage with version 2.0 --- docs/index.html | 10183 ++++++++++++------ docs/unstable/index.html | 20657 ------------------------------------- 2 files changed, 6769 insertions(+), 24071 deletions(-) delete mode 100644 docs/unstable/index.html diff --git a/docs/index.html b/docs/index.html index fefb9a7..e757add 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,7 +2,7 @@ - Example + Main @@ -5241,26 +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$ScrollingNavSpecific = function (a) { - return {$: 'ScrollingNavSpecific', 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( @@ -5901,130 +5898,266 @@ 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$Widget$ScrollingNav$TimePassed = {$: 'TimePassed'}; -var $author$project$Widget$ScrollingNav$subscriptions = A2( - $elm$time$Time$every, - 100, - $elm$core$Basics$always($author$project$Widget$ScrollingNav$TimePassed)); -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( [ - A2($elm$core$Platform$Sub$map, $author$project$Example$ScrollingNavSpecific, $author$project$Widget$ScrollingNav$subscriptions), A2( $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$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 $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$Phone = {$: 'Phone'}; -var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'}; -var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'}; -var $elm$core$Basics$min = F2( - function (x, y) { - return (_Utils_cmp(x, y) < 0) ? x : y; - }); -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 $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$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 $turboMaCk$any_set$Set$Any$AnySet = function (a) { + return {$: 'AnySet', a: a}; +}; +var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) { + return {$: 'AnyDict', a: a}; +}; +var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) { + return $turboMaCk$any_dict$Dict$Any$AnyDict( + {dict: $elm$core$Dict$empty, toKey: toKey}); +}; +var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty); +var $author$project$Data$Example$fromString = function (string) { + switch (string) { + 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$FilterSelect$init = function (options) { - return {options: options, raw: '', selected: $elm$core$Maybe$Nothing}; +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$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 = { - filterSelect: $author$project$Widget$FilterSelect$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']))), - 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 = {sheet: $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 = {carousel: 0, isCollapsed: false, multiSelected: $elm$core$Set$empty, selected: $elm$core$Maybe$Nothing, tab: 1}; -var $elm_community$intdict$IntDict$Empty = {$: 'Empty'}; -var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty; -var $author$project$Widget$ScrollingNav$GotHeaderPos = F2( - function (a, b) { - return {$: 'GotHeaderPos', a: a, b: b}; - }); +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) { @@ -6044,84 +6177,262 @@ var $elm$core$Task$attempt = F2( $elm$core$Result$Ok), task)))); }); -var $elm$core$Platform$Cmd$batch = _Platform_batch; +var $elm_community$intdict$IntDict$Empty = {$: 'Empty'}; +var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty; +var $elm$browser$Browser$Dom$getElement = _Browser_getElement; +var $elm_community$intdict$IntDict$Inner = function (a) { + return {$: 'Inner', a: a}; +}; +var $elm_community$intdict$IntDict$size = function (dict) { + switch (dict.$) { + case 'Empty': + return 0; + case 'Leaf': + return 1; + default: + var i = dict.a; + return i.size; + } +}; +var $elm_community$intdict$IntDict$inner = F3( + function (p, l, r) { + var _v0 = _Utils_Tuple2(l, r); + if (_v0.a.$ === 'Empty') { + var _v1 = _v0.a; + return r; + } else { + if (_v0.b.$ === 'Empty') { + var _v2 = _v0.b; + return l; + } else { + return $elm_community$intdict$IntDict$Inner( + { + left: l, + prefix: p, + right: r, + size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r) + }); + } + } + }); +var $elm$core$Bitwise$and = _Bitwise_and; var $elm$core$Basics$composeR = F3( function (f, g, x) { return g( f(x)); }); -var $elm$browser$Browser$Dom$getElement = _Browser_getElement; +var $elm$core$Basics$neq = _Utils_notEqual; +var $elm$core$Bitwise$complement = _Bitwise_complement; +var $elm$core$Bitwise$or = _Bitwise_or; +var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy; +var $elm_community$intdict$IntDict$highestBitSet = function (n) { + var shiftOr = F2( + function (i, shift) { + return i | (i >>> shift); + }); + var n1 = A2(shiftOr, n, 1); + var n2 = A2(shiftOr, n1, 2); + var n3 = A2(shiftOr, n2, 4); + var n4 = A2(shiftOr, n3, 8); + var n5 = A2(shiftOr, n4, 16); + return n5 & (~(n5 >>> 1)); +}; +var $elm$core$Basics$negate = function (n) { + return -n; +}; +var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1); +var $elm$core$Bitwise$xor = _Bitwise_xor; +var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) { + return A2( + $elm$core$Basics$composeR, + $elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit), + A2( + $elm$core$Basics$composeR, + $elm$core$Bitwise$and(p.branchingBit), + $elm$core$Basics$neq(0))); +}; +var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) { + return branchingBit ^ (~(branchingBit - 1)); +}; +var $elm_community$intdict$IntDict$lcp = F2( + function (x, y) { + var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y); + var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit); + var prefixBits = x & mask; + return {branchingBit: branchingBit, prefixBits: prefixBits}; + }); +var $elm_community$intdict$IntDict$Leaf = function (a) { + return {$: 'Leaf', a: a}; +}; +var $elm_community$intdict$IntDict$leaf = F2( + function (k, v) { + return $elm_community$intdict$IntDict$Leaf( + {key: k, value: v}); + }); +var $elm_community$intdict$IntDict$prefixMatches = F2( + function (p, n) { + return _Utils_eq( + n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit), + p.prefixBits); + }); +var $elm_community$intdict$IntDict$update = F3( + function (key, alter, dict) { + var join = F2( + function (_v2, _v3) { + var k1 = _v2.a; + var l = _v2.b; + var k2 = _v3.a; + var r = _v3.b; + var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2); + return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l); + }); + var alteredNode = function (mv) { + var _v1 = alter(mv); + if (_v1.$ === 'Just') { + var v = _v1.a; + return A2($elm_community$intdict$IntDict$leaf, key, v); + } else { + return $elm_community$intdict$IntDict$empty; + } + }; + switch (dict.$) { + case 'Empty': + return alteredNode($elm$core$Maybe$Nothing); + case 'Leaf': + var l = dict.a; + return _Utils_eq(l.key, key) ? alteredNode( + $elm$core$Maybe$Just(l.value)) : A2( + join, + _Utils_Tuple2( + key, + alteredNode($elm$core$Maybe$Nothing)), + _Utils_Tuple2(l.key, dict)); + default: + var i = dict.a; + return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3( + $elm_community$intdict$IntDict$inner, + i.prefix, + i.left, + A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3( + $elm_community$intdict$IntDict$inner, + i.prefix, + A3($elm_community$intdict$IntDict$update, key, alter, i.left), + i.right)) : A2( + join, + _Utils_Tuple2( + key, + alteredNode($elm$core$Maybe$Nothing)), + _Utils_Tuple2(i.prefix.prefixBits, dict)); + } + }); +var $elm_community$intdict$IntDict$insert = F3( + function (key, value, dict) { + return A3( + $elm_community$intdict$IntDict$update, + key, + $elm$core$Basics$always( + $elm$core$Maybe$Just(value)), + dict); + }); var $elm$core$Basics$round = _Basics_round; var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) { - var labels = _v0.labels; + var toString = _v0.toString; var arrangement = _v0.arrangement; - return $elm$core$Platform$Cmd$batch( - A2( - $elm$core$List$map, - function (label) { - return A2( - $elm$core$Task$attempt, - $author$project$Widget$ScrollingNav$GotHeaderPos(label), - A2( + return A2( + $elm$core$Task$map, + F2( + function (list, m) { + return A3( + $elm$core$List$foldl, + F2( + function (_v1, model) { + var pos = _v1.a; + var label = _v1.b; + return _Utils_update( + model, + { + positions: A3( + $elm_community$intdict$IntDict$insert, + pos, + model.toString(label), + model.positions) + }); + }), + m, + list); + }), + $elm$core$Task$sequence( + A2( + $elm$core$List$map, + function (label) { + return A2( $elm$core$Task$map, - A2( - $elm$core$Basics$composeR, - function ($) { - return $.element; - }, - A2( - $elm$core$Basics$composeR, - function ($) { - return $.y; - }, - $elm$core$Basics$round)), + function (x) { + return _Utils_Tuple2( + $elm$core$Basics$round(x.element.y), + label); + }, $elm$browser$Browser$Dom$getElement( - labels(label)))); - }, - arrangement)); + toString(label))); + }, + arrangement))); }; var $author$project$Widget$ScrollingNav$init = function (_v0) { - var labels = _v0.labels; + var toString = _v0.toString; + var fromString = _v0.fromString; var arrangement = _v0.arrangement; + var toMsg = _v0.toMsg; return function (a) { return _Utils_Tuple2( a, - $author$project$Widget$ScrollingNav$syncPositions(a)); + A2( + $elm$core$Task$attempt, + toMsg, + $author$project$Widget$ScrollingNav$syncPositions(a))); }( - {arrangement: arrangement, labels: labels, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0}); + {arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString}); }; -var $elm$core$Platform$Cmd$map = _Platform_map; -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( - {arrangement: $author$project$Data$Section$asList, labels: $author$project$Data$Section$toString}); - var scrollingNav = _v1.a; - var cmd = _v1.b; + 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$Example$asList, + fromString: $author$project$Data$Example$fromString, + toMsg: function (result) { + if (result.$ === 'Ok') { + var fun = result.a; + return $author$project$Main$UpdateScrollingNav(fun); + } else { + return $author$project$Main$Idle; + } + }, + toString: $author$project$Data$Example$toString + }); + var scrollingNav = _v2.a; + var cmd = _v2.b; return _Utils_Tuple2( { - component: $author$project$Component$init, - deviceClass: $mdgriffith$elm_ui$Element$classifyDevice( - { - height: $elm$core$Basics$round(viewport.height), - width: $elm$core$Basics$round(viewport.width) - })._class, displayDialog: false, - layout: $author$project$Layout$init, - reusable: $author$project$Reusable$init, + expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString), + layout: $author$project$Widget$Layout$init, scrollingNav: scrollingNav, - stateless: $author$project$Stateless$init + search: {current: '', raw: '', remaining: 0}, + stateless: stateless, + theme: $author$project$Data$Theme$Material, + window: { + height: $elm$core$Basics$round(viewport.height), + width: $elm$core$Basics$round(viewport.width) + } }, - A2($elm$core$Platform$Cmd$map, $author$project$Example$ScrollingNavSpecific, cmd)); + $elm$core$Platform$Cmd$batch( + _List_fromArray( + [ + cmd, + A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd) + ]))); }; var $elm$core$Tuple$mapBoth = F3( function (funcA, funcB, _v0) { @@ -6131,31 +6442,43 @@ var $elm$core$Tuple$mapBoth = F3( funcA(x), funcB(y)); }); -var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil); -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$Widget$ScrollingNav$ChangedViewport = function (a) { - return {$: 'ChangedViewport', a: a}; +var $author$project$Main$AddSnackbar = function (a) { + return {$: 'AddSnackbar', a: a}; }; +var $author$project$Widget$Layout$activate = F2( + function (part, layout) { + return _Utils_update( + layout, + {active: part}); + }); +var $author$project$Widget$ScrollingNav$getPos = A2( + $elm$core$Task$map, + F2( + function (_int, model) { + return _Utils_update( + model, + { + scrollPos: $elm$core$Basics$round(_int.viewport.y) + }); + }), + $elm$browser$Browser$Dom$getViewport); var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport; var $author$project$Widget$ScrollingNav$jumpTo = F2( - function (section, _v0) { - var labels = _v0.labels; + function (_v0, _v1) { + var section = _v0.section; + var onChange = _v0.onChange; + var toString = _v1.toString; return A2( $elm$core$Task$attempt, - $author$project$Widget$ScrollingNav$ChangedViewport, + onChange, A2( $elm$core$Task$andThen, - function (_v1) { - var element = _v1.element; + function (_v2) { + var element = _v2.element; return A2($elm$browser$Browser$Dom$setViewport, 0, element.y); }, $elm$browser$Browser$Dom$getElement( - labels(section)))); + toString(section)))); }); var $elm$browser$Browser$Navigation$load = _Browser_load; var $turboMaCk$queue$Queue$queue = F2( @@ -6200,7 +6523,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, @@ -6208,12 +6531,6 @@ var $author$project$Layout$queueMessage = F2( snackbar: A2($author$project$Widget$Snackbar$insert, message, layout.snackbar) }); }); -var $author$project$Layout$setSidebar = F2( - function (direction, layout) { - return _Utils_update( - layout, - {sheet: direction}); - }); var $turboMaCk$queue$Queue$dequeue = function (_v0) { var fl = _v0.a; var rl = _v0.b; @@ -6252,9 +6569,6 @@ var $elm$core$Tuple$mapSecond = F2( x, func(y)); }); -var $elm$core$Basics$negate = function (n) { - return -n; -}; var $author$project$Widget$Snackbar$timePassed = F2( function (ms, model) { var _v0 = model.current; @@ -6279,118 +6593,51 @@ 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.sheet; - if (_v0.$ === 'Nothing') { - return _Utils_update( - layout, + var _v0 = layout.active; + _v0$2: + while (true) { + if (_v0.$ === 'Just') { + switch (_v0.a.$) { + case 'LeftSheet': + var _v1 = _v0.a; + return layout; + case 'RightSheet': + var _v2 = _v0.a; + return layout; + default: + break _v0$2; + } + } else { + break _v0$2; + } + } + return _Utils_update( + layout, + { + snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar) + }); + }); +var $turboMaCk$any_dict$Dict$Any$insert = F3( + function (k, v, _v0) { + var inner = _v0.a; + return $turboMaCk$any_dict$Dict$Any$AnyDict( + _Utils_update( + inner, { - snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar) - }); - } else { - return layout; - } + dict: A3( + $elm$core$Dict$insert, + inner.toKey(k), + _Utils_Tuple2(k, v), + inner.dict) + })); }); -var $author$project$Widget$FilterSelect$update = F2( - function (msg, model) { - if (msg.$ === 'ChangedRaw') { - 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; - } - }()( - _Utils_update( - model, - {selected: maybe})); - } - }); -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$Component$update = F2( - function (msg, model) { - if (msg.$ === '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); - } else { - 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; +var $turboMaCk$any_set$Set$Any$insert = F2( + function (a, _v0) { + var dict = _v0.a; + return $turboMaCk$any_set$Set$Any$AnySet( + A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict)); }); var $elm$core$Dict$member = F2( function (key, dict) { @@ -6401,10 +6648,19 @@ var $elm$core$Dict$member = F2( return false; } }); -var $elm$core$Set$member = F2( - function (key, _v0) { +var $turboMaCk$any_dict$Dict$Any$member = F2( + function (k, _v0) { + var dict = _v0.a.dict; + var toKey = _v0.a.toKey; + return A2( + $elm$core$Dict$member, + toKey(k), + dict); + }); +var $turboMaCk$any_set$Set$Any$member = F2( + function (a, _v0) { var dict = _v0.a; - return A2($elm$core$Dict$member, key, dict); + return A2($turboMaCk$any_dict$Dict$Any$member, a, dict); }); var $elm$core$Dict$getMin = function (dict) { getMin: @@ -6768,289 +7024,429 @@ var $elm$core$Dict$remove = F2( return x; } }); +var $turboMaCk$any_dict$Dict$Any$remove = F2( + function (k, _v0) { + var inner = _v0.a; + return $turboMaCk$any_dict$Dict$Any$AnyDict( + _Utils_update( + inner, + { + dict: A2( + $elm$core$Dict$remove, + inner.toKey(k), + inner.dict) + })); + }); +var $turboMaCk$any_set$Set$Any$remove = F2( + function (a, _v0) { + var dict = _v0.a; + return $turboMaCk$any_set$Set$Any$AnySet( + A2($turboMaCk$any_dict$Dict$Any$remove, a, dict)); + }); +var $turboMaCk$any_set$Set$Any$toggle = F2( + function (a, set) { + return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set); + }); +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$Set$member = F2( + function (key, _v0) { + var dict = _v0.a; + return A2($elm$core$Dict$member, key, dict); + }); var $elm$core$Set$remove = F2( function (key, _v0) { var dict = _v0.a; return $elm$core$Set$Set_elm_builtin( A2($elm$core$Dict$remove, key, dict)); }); -var $author$project$Stateless$update = F2( +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$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) { - 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 'SetCarousel': - var _int = msg.a; - return _Utils_Tuple2( - ((_int < 0) || (_int > 3)) ? model : _Utils_update( - model, - {carousel: _int}), - $elm$core$Platform$Cmd$none); - default: - var _int = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - {tab: _int}), - $elm$core$Platform$Cmd$none); + 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_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); + } else { + var string = msg.a; + return _Utils_Tuple2( + _Utils_update( + model, + {textInput: string}), + $elm$core$Platform$Cmd$none); } }); -var $author$project$Widget$ScrollingNav$SyncPosition = function (a) { - return {$: 'SyncPosition', a: a}; -}; -var $elm_community$intdict$IntDict$Inner = function (a) { - return {$: 'Inner', a: a}; -}; -var $elm_community$intdict$IntDict$size = function (dict) { - switch (dict.$) { - case 'Empty': - return 0; - case 'Leaf': - return 1; - default: - var i = dict.a; - return i.size; +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 $elm_community$intdict$IntDict$inner = F3( - function (p, l, r) { - var _v0 = _Utils_Tuple2(l, r); - if (_v0.a.$ === 'Empty') { - var _v1 = _v0.a; - return r; - } else { - if (_v0.b.$ === 'Empty') { - var _v2 = _v0.b; - return l; - } else { - return $elm_community$intdict$IntDict$Inner( - { - left: l, - prefix: p, - right: r, - size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r) - }); - } - } - }); -var $elm$core$Bitwise$and = _Bitwise_and; -var $elm$core$Basics$neq = _Utils_notEqual; -var $elm$core$Bitwise$complement = _Bitwise_complement; -var $elm$core$Bitwise$or = _Bitwise_or; -var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy; -var $elm_community$intdict$IntDict$highestBitSet = function (n) { - var shiftOr = F2( - function (i, shift) { - return i | (i >>> shift); - }); - var n1 = A2(shiftOr, n, 1); - var n2 = A2(shiftOr, n1, 2); - var n3 = A2(shiftOr, n2, 4); - var n4 = A2(shiftOr, n3, 8); - var n5 = A2(shiftOr, n4, 16); - return n5 & (~(n5 >>> 1)); -}; -var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1); -var $elm$core$Bitwise$xor = _Bitwise_xor; -var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) { - return A2( - $elm$core$Basics$composeR, - $elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit), - A2( - $elm$core$Basics$composeR, - $elm$core$Bitwise$and(p.branchingBit), - $elm$core$Basics$neq(0))); -}; -var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) { - return branchingBit ^ (~(branchingBit - 1)); -}; -var $elm_community$intdict$IntDict$lcp = F2( - function (x, y) { - var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y); - var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit); - var prefixBits = x & mask; - return {branchingBit: branchingBit, prefixBits: prefixBits}; - }); -var $elm_community$intdict$IntDict$Leaf = function (a) { - return {$: 'Leaf', a: a}; -}; -var $elm_community$intdict$IntDict$leaf = F2( - function (k, v) { - return $elm_community$intdict$IntDict$Leaf( - {key: k, value: v}); - }); -var $elm_community$intdict$IntDict$prefixMatches = F2( - function (p, n) { - return _Utils_eq( - n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit), - p.prefixBits); - }); -var $elm_community$intdict$IntDict$update = F3( - function (key, alter, dict) { - var join = F2( - function (_v2, _v3) { - var k1 = _v2.a; - var l = _v2.b; - var k2 = _v3.a; - var r = _v3.b; - var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2); - return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l); - }); - var alteredNode = function (mv) { - var _v1 = alter(mv); - if (_v1.$ === 'Just') { - var v = _v1.a; - return A2($elm_community$intdict$IntDict$leaf, key, v); - } else { - return $elm_community$intdict$IntDict$empty; - } - }; - switch (dict.$) { - case 'Empty': - return alteredNode($elm$core$Maybe$Nothing); - case 'Leaf': - var l = dict.a; - return _Utils_eq(l.key, key) ? alteredNode( - $elm$core$Maybe$Just(l.value)) : A2( - join, - _Utils_Tuple2( - key, - alteredNode($elm$core$Maybe$Nothing)), - _Utils_Tuple2(l.key, dict)); - default: - var i = dict.a; - return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3( - $elm_community$intdict$IntDict$inner, - i.prefix, - i.left, - A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3( - $elm_community$intdict$IntDict$inner, - i.prefix, - A3($elm_community$intdict$IntDict$update, key, alter, i.left), - i.right)) : A2( - join, - _Utils_Tuple2( - key, - alteredNode($elm$core$Maybe$Nothing)), - _Utils_Tuple2(i.prefix.prefixBits, dict)); - } - }); -var $elm_community$intdict$IntDict$insert = F3( - function (key, value, dict) { +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_community$intdict$IntDict$update, - key, - $elm$core$Basics$always( - $elm$core$Maybe$Just(value)), - dict); + $elm$core$Tuple$mapBoth, + to(model), + $elm$core$Platform$Cmd$map(msgMapper), + A2( + updateFun, + msg, + from(model))); }); -var $author$project$Widget$ScrollingNav$update = F2( +var $author$project$Data$Example$update = F2( function (msg, model) { - switch (msg.$) { - case 'GotHeaderPos': - var label = msg.a; - var result = msg.b; - return _Utils_Tuple2( - function () { - if (result.$ === 'Ok') { - var pos = result.a; - return _Utils_update( - model, - { - positions: A3( - $elm_community$intdict$IntDict$insert, - pos, - model.labels(label), - model.positions) - }); - } else { - return model; - } - }(), - $elm$core$Platform$Cmd$none); - case 'ChangedViewport': - return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); - case 'SyncPosition': - var pos = msg.a; - return _Utils_Tuple2( - _Utils_update( - model, - {scrollPos: pos}), - $elm$core$Platform$Cmd$none); - case 'TimePassed': - return _Utils_Tuple2( + 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) { + 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, - A2( - $elm$core$Task$perform, - $author$project$Widget$ScrollingNav$SyncPosition, - A2( - $elm$core$Task$map, - A2( - $elm$core$Basics$composeR, - function ($) { - return $.viewport; - }, - A2( - $elm$core$Basics$composeR, - function ($) { - return $.y; - }, - $elm$core$Basics$round)), - $elm$browser$Browser$Dom$getViewport))); - default: - var elem = msg.a; - return _Utils_Tuple2( - model, - A2($author$project$Widget$ScrollingNav$jumpTo, elem, 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( @@ -7060,35 +7456,53 @@ 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 'ScrollingNavSpecific': - var m = msg.a; - return A3( - $elm$core$Tuple$mapBoth, - function (scrollingNav) { - return _Utils_update( - model, - {scrollingNav: scrollingNav}); - }, - $elm$core$Platform$Cmd$map($author$project$Example$ScrollingNavSpecific), - A2($author$project$Widget$ScrollingNav$update, m, model.scrollingNav)); - case 'TimePassed': - var _int = msg.a; + case 'UpdateScrollingNav': + var fun = msg.a; return _Utils_Tuple2( _Utils_update( model, { - layout: A2($author$project$Layout$timePassed, _int, model.layout) + scrollingNav: fun(model.scrollingNav) }), $elm$core$Platform$Cmd$none); - case 'AddSnackbar': - var string = msg.a; + case 'TimePassed': + var _int = msg.a; + var search = model.search; return _Utils_Tuple2( _Utils_update( model, { - layout: A2($author$project$Layout$queueMessage, string, 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$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos)); + case 'AddSnackbar': + var _v1 = msg.a; + var string = _v1.a; + var bool = _v1.b; + return _Utils_Tuple2( + _Utils_update( + model, + { + layout: A2( + $author$project$Widget$Layout$queueMessage, + { + button: bool ? $elm$core$Maybe$Just( + { + onPress: $elm$core$Maybe$Just( + $author$project$Main$AddSnackbar( + _Utils_Tuple2('This is another message', false))), + text: 'Add' + }) : $elm$core$Maybe$Nothing, + text: string + }, + model.layout) }), $elm$core$Platform$Cmd$none); case 'ToggleDialog': @@ -7099,13 +7513,11 @@ var $author$project$Example$updateLoaded = F2( {displayDialog: bool}), $elm$core$Platform$Cmd$none); case 'Resized': - var screen = msg.a; + var window = msg.a; return _Utils_Tuple2( _Utils_update( model, - { - deviceClass: $mdgriffith$elm_ui$Element$classifyDevice(screen)._class - }), + {window: window}), $elm$core$Platform$Cmd$none); case 'ChangedSidebar': var sidebar = msg.a; @@ -7113,7 +7525,7 @@ var $author$project$Example$updateLoaded = F2( _Utils_update( model, { - layout: A2($author$project$Layout$setSidebar, sidebar, model.layout) + layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout) }), $elm$core$Platform$Cmd$none); case 'Load': @@ -7121,17 +7533,50 @@ var $author$project$Example$updateLoaded = F2( return _Utils_Tuple2( model, $elm$browser$Browser$Navigation$load(string)); - default: + case 'JumpTo': var section = msg.a; return _Utils_Tuple2( model, A2( - $elm$core$Platform$Cmd$map, - $author$project$Example$ScrollingNavSpecific, - A2($author$project$Widget$ScrollingNav$jumpTo, section, model.scrollingNav))); + $author$project$Widget$ScrollingNav$jumpTo, + { + onChange: $elm$core$Basics$always($author$project$Main$Idle), + section: section + }, + model.scrollingNav)); + case 'ChangedSearch': + var string = msg.a; + var search = model.search; + return _Utils_Tuple2( + _Utils_update( + model, + { + search: _Utils_update( + search, + {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); + case 'ToggledExample': + var example = msg.a; + return _Utils_Tuple2( + _Utils_update( + model, + { + expanded: A2($turboMaCk$any_set$Set$Any$toggle, example, model.expanded) + }), + $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: @@ -7142,9 +7587,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; } @@ -7154,9 +7599,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; } @@ -7164,29 +7609,27 @@ var $author$project$Example$update = F2( } return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none); }); -var $author$project$Example$AddSnackbar = function (a) { - return {$: 'AddSnackbar', a: 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$Main$SetTheme = function (a) { + return {$: 'SetTheme', a: a}; }; -var $author$project$Example$ToggleDialog = function (a) { +var $author$project$Data$Theme$Template = {$: 'Template'}; +var $author$project$Main$ToggleDialog = function (a) { return {$: 'ToggleDialog', a: a}; }; -var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) { - return {$: 'AlignX', a: a}; -}; -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); var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d'); var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg'); var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path'); @@ -7235,28 +7678,24 @@ var $author$project$Icons$book = A2( ]), _List_Nil) ])); -var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) { - return {$: 'Attr', a: a}; +var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) { + return {$: 'AlignX', a: a}; }; -var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'}; -var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) { - return {$: 'Describe', a: a}; +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); +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 $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) { + return {$: 'AlignY', a: a}; }; +var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'}; +var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY); var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) { return {$: 'Unkeyed', a: a}; }; -var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'}; -var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl; +var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'}; +var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn; var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'}; -var $elm$json$Json$Encode$bool = _Json_wrap; -var $elm$html$Html$Attributes$boolProperty = F2( - function (key, bool) { - return A2( - _VirtualDom_property, - key, - $elm$json$Json$Encode$bool(bool)); - }); -var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled'); var $mdgriffith$elm_ui$Internal$Model$Generic = {$: 'Generic'}; var $mdgriffith$elm_ui$Internal$Model$div = $mdgriffith$elm_ui$Internal$Model$Generic; var $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren = {$: 'NoNearbyChildren'}; @@ -7356,6 +7795,8 @@ var $mdgriffith$elm_ui$Internal$Model$addKeyedChildren = F3( inFront))); } }); +var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'}; +var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl; var $mdgriffith$elm_ui$Internal$Model$AsParagraph = {$: 'AsParagraph'}; var $mdgriffith$elm_ui$Internal$Model$asParagraph = $mdgriffith$elm_ui$Internal$Model$AsParagraph; var $mdgriffith$elm_ui$Internal$Flag$Flag = function (a) { @@ -9803,6 +10244,10 @@ var $mdgriffith$elm_ui$Internal$Model$hasSmallCaps = function (typeface) { return false; } }; +var $elm$core$Basics$min = F2( + function (x, y) { + return (_Utils_cmp(x, y) < 0) ? x : y; + }); var $mdgriffith$elm_ui$Internal$Model$renderProps = F3( function (force, _v0, existing) { var key = _v0.a; @@ -10797,7 +11242,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) { @@ -12579,27 +13023,113 @@ var $mdgriffith$elm_ui$Internal$Model$element = F4( $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren, $elm$core$List$reverse(attributes))); }); -var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'}; -var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) { - if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) { - var _v1 = attr.b; - var _v2 = _v1.a; - return true; - } else { - return false; - } +var $mdgriffith$elm_ui$Internal$Model$Height = function (a) { + return {$: 'Height', a: a}; +}; +var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height; +var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) { + return {$: 'Attr', a: a}; }; var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) { return $mdgriffith$elm_ui$Internal$Model$Attr( $elm$html$Html$Attributes$class(cls)); }; -var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) { - return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable'); +var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'}; +var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content; +var $mdgriffith$elm_ui$Internal$Model$Width = function (a) { + return {$: 'Width', a: a}; }; -var $mdgriffith$elm_ui$Internal$Model$Height = function (a) { - return {$: 'Height', a: a}; +var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width; +var $mdgriffith$elm_ui$Element$column = F2( + function (attrs, children) { + return A4( + $mdgriffith$elm_ui$Internal$Model$element, + $mdgriffith$elm_ui$Internal$Model$asColumn, + $mdgriffith$elm_ui$Internal$Model$div, + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), + A2( + $elm$core$List$cons, + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), + 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 $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$Colored = F3( + function (a, b, c) { + return {$: 'Colored', a: a, b: b, c: c}; + }); +var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2( + function (a, b) { + return {$: 'StyleClass', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8); +var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) { + var red = _v0.a; + var green = _v0.b; + var blue = _v0.c; + var alpha = _v0.d; + return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha)))))); }; -var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height; +var $mdgriffith$elm_ui$Element$Background$color = function (clr) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$bgColor, + A3( + $mdgriffith$elm_ui$Internal$Model$Colored, + 'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr), + 'background-color', + clr)); +}; +var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) { + return {$: 'Fill', a: a}; +}; +var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1); +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}; }; @@ -12618,6 +13148,135 @@ var $elm$html$Html$Events$onClick = function (msg) { $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$Internal$Model$Rgba = F4( + function (a, b, c, d) { + return {$: 'Rgba', a: a, b: b, c: c, d: d}; + }); +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$Describe = function (a) { + return {$: 'Describe', a: a}; +}; +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)); + }); +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( + function (attrs, children) { + 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)), + 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)); + }); +var $mdgriffith$elm_ui$Internal$Model$Text = function (a) { + return {$: 'Text', a: a}; +}; +var $mdgriffith$elm_ui$Element$text = function (content) { + return $mdgriffith$elm_ui$Internal$Model$Text(content); +}; +var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'}; +var $elm$json$Json$Encode$bool = _Json_wrap; +var $elm$html$Html$Attributes$boolProperty = F2( + function (key, bool) { + return A2( + _VirtualDom_property, + key, + $elm$json$Json$Encode$bool(bool)); + }); +var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled'); +var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) { + if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) { + var _v1 = attr.b; + var _v2 = _v1.a; + return true; + } else { + return false; + } +}; +var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) { + return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable'); +}; var $mdgriffith$elm_ui$Element$Input$enter = 'Enter'; var $elm$json$Json$Decode$andThen = _Json_andThen; var $elm$json$Json$Decode$fail = _Json_fail; @@ -12655,24 +13314,14 @@ var $mdgriffith$elm_ui$Element$Input$onKey = F2( var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) { return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg); }; -var $mdgriffith$elm_ui$Internal$Model$Class = F2( - function (a, b) { - return {$: 'Class', a: a, b: b}; - }); var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21); var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer); -var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'}; -var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content; var $elm$html$Html$Attributes$tabindex = function (n) { return A2( _VirtualDom_attribute, 'tabIndex', $elm$core$String$fromInt(n)); }; -var $mdgriffith$elm_ui$Internal$Model$Width = function (a) { - return {$: 'Width', a: a}; -}; -var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width; var $mdgriffith$elm_ui$Element$Input$button = F2( function (attrs, _v0) { var onPress = _v0.onPress; @@ -12725,301 +13374,226 @@ var $mdgriffith$elm_ui$Element$Input$button = F2( _List_fromArray( [label]))); }); -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 $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) { - return {$: 'AlignY', a: a}; -}; -var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'}; -var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY); -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$AsColumn = {$: 'AsColumn'}; -var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn; -var $mdgriffith$elm_ui$Element$column = F2( - function (attrs, children) { - return A4( - $mdgriffith$elm_ui$Internal$Model$element, - $mdgriffith$elm_ui$Internal$Model$asColumn, - $mdgriffith$elm_ui$Internal$Model$div, - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)), - A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink), +var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map; +var $mdgriffith$elm_ui$Internal$Model$map = F2( + function (fn, el) { + switch (el.$) { + case 'Styled': + var styled = el.a; + return $mdgriffith$elm_ui$Internal$Model$Styled( + { + html: F2( + function (add, context) { + return A2( + $elm$virtual_dom$VirtualDom$map, + fn, + A2(styled.html, add, context)); + }), + styles: styled.styles + }); + case 'Unstyled': + var html = el.a; + return $mdgriffith$elm_ui$Internal$Model$Unstyled( A2( - $elm$core$List$cons, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - attrs))), - $mdgriffith$elm_ui$Internal$Model$Unkeyed(children)); - }); -var $mdgriffith$elm_ui$Internal$Model$Top = {$: 'Top'}; -var $mdgriffith$elm_ui$Element$alignTop = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Top); -var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) { - return {$: 'Fill', a: a}; -}; -var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1); -var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), - $mdgriffith$elm_ui$Element$alignTop - ]); -var $mdgriffith$elm_ui$Internal$Model$Colored = F3( - function (a, b, c) { - return {$: 'Colored', a: a, b: b, c: c}; - }); -var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2( - function (a, b) { - return {$: 'StyleClass', a: a, b: b}; - }); -var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8); -var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) { - var red = _v0.a; - var green = _v0.b; - var blue = _v0.c; - var alpha = _v0.d; - return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha)))))); -}; -var $mdgriffith$elm_ui$Element$Background$color = function (clr) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$bgColor, - A3( - $mdgriffith$elm_ui$Internal$Model$Colored, - 'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr), - 'background-color', - clr)); -}; -var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'}; -var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main); -var $mdgriffith$elm_ui$Internal$Model$Max = F2( - function (a, b) { - return {$: 'Max', a: a, b: b}; - }); -var $mdgriffith$elm_ui$Element$maximum = F2( - function (i, l) { - return A2($mdgriffith$elm_ui$Internal$Model$Max, i, l); - }); -var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5( - function (a, b, c, d, e) { - return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e}; - }); -var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2); -var $mdgriffith$elm_ui$Element$padding = function (x) { - return 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)); -}; -var $mdgriffith$elm_ui$Internal$Model$Rgba = F4( - function (a, b, c, d) { - return {$: 'Rgba', a: a, b: b, c: c, d: d}; - }); -var $mdgriffith$elm_ui$Element$rgb255 = F3( - function (red, green, blue) { - return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1); - }); -var $Orasund$elm_ui_framework$Framework$container = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$centerX, - $mdgriffith$elm_ui$Element$centerY, - $mdgriffith$elm_ui$Element$width( - A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)), - $mdgriffith$elm_ui$Element$padding(20), - $mdgriffith$elm_ui$Element$Region$mainContent, - $mdgriffith$elm_ui$Element$Background$color( - A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255)) - ]); -var $elm_community$intdict$IntDict$findMin = function (dict) { - findMin: - while (true) { - switch (dict.$) { - case 'Empty': - return $elm$core$Maybe$Nothing; - case 'Leaf': - var l = dict.a; - return $elm$core$Maybe$Just( - _Utils_Tuple2(l.key, l.value)); + $elm$core$Basics$composeL, + $elm$virtual_dom$VirtualDom$map(fn), + html)); + case 'Text': + var str = el.a; + return $mdgriffith$elm_ui$Internal$Model$Text(str); default: - var i = dict.a; - var $temp$dict = i.left; - dict = $temp$dict; - continue findMin; - } - } -}; -var $elm_community$intdict$IntDict$after = F2( - function (key, dict) { - var go = F2( - function (def, currentDict) { - go: - while (true) { - switch (currentDict.$) { - case 'Empty': - return $elm_community$intdict$IntDict$findMin(def); - case 'Leaf': - var l = currentDict.a; - return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just( - _Utils_Tuple2(l.key, l.value)); - default: - var i = currentDict.a; - if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) { - return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left); - } else { - if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) { - var $temp$def = def, - $temp$currentDict = i.right; - def = $temp$def; - currentDict = $temp$currentDict; - continue go; - } else { - var $temp$def = i.right, - $temp$currentDict = i.left; - def = $temp$def; - currentDict = $temp$currentDict; - continue go; - } - } - } - } - }); - return A2(go, $elm_community$intdict$IntDict$Empty, dict); - }); -var $elm$core$Maybe$andThen = F2( - function (callback, maybeValue) { - if (maybeValue.$ === 'Just') { - var value = maybeValue.a; - return callback(value); - } else { - return $elm$core$Maybe$Nothing; + return $mdgriffith$elm_ui$Internal$Model$Empty; } }); -var $elm_community$intdict$IntDict$findMax = function (dict) { - findMax: - while (true) { - switch (dict.$) { - case 'Empty': - return $elm$core$Maybe$Nothing; - case 'Leaf': - var l = dict.a; - return $elm$core$Maybe$Just( - _Utils_Tuple2(l.key, l.value)); - default: - var i = dict.a; - var $temp$dict = i.right; - dict = $temp$dict; - continue findMax; - } - } -}; -var $elm_community$intdict$IntDict$before = F2( - function (key, dict) { - var go = F2( - function (def, currentDict) { - go: - while (true) { - switch (currentDict.$) { - case 'Empty': - return $elm_community$intdict$IntDict$findMax(def); - case 'Leaf': - var l = currentDict.a; - return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just( - _Utils_Tuple2(l.key, l.value)); - default: - var i = currentDict.a; - if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) { - return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right); - } else { - if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) { - var $temp$def = i.left, - $temp$currentDict = i.right; - def = $temp$def; - currentDict = $temp$currentDict; - continue go; - } else { - var $temp$def = def, - $temp$currentDict = i.left; - def = $temp$def; - currentDict = $temp$currentDict; - continue go; - } - } - } - } - }); - return A2(go, $elm_community$intdict$IntDict$Empty, dict); - }); -var $author$project$Widget$ScrollingNav$current = F2( - function (fromString, _v0) { - var positions = _v0.positions; - var scrollPos = _v0.scrollPos; +var $mdgriffith$elm_ui$Element$map = $mdgriffith$elm_ui$Internal$Model$map; +var $author$project$Internal$Button$button = F2( + function (style, _v0) { + var onPress = _v0.onPress; + var text = _v0.text; + var icon = _v0.icon; return A2( - $elm$core$Maybe$andThen, - fromString, - A2( - $elm$core$Maybe$map, - $elm$core$Tuple$second, - A2( - $elm$core$Maybe$withDefault, - A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions), - A2( - $elm$core$Maybe$map, - $elm$core$Maybe$Just, - A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions))))); + $mdgriffith$elm_ui$Element$Input$button, + _Utils_ap( + style.container, + _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise), + { + label: A2( + $mdgriffith$elm_ui$Element$row, + style.labelRow, + _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), + A2( + $mdgriffith$elm_ui$Element$el, + style.text, + $mdgriffith$elm_ui$Element$text(text)) + ])), + onPress: onPress + }); }); -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( +var $author$project$Internal$Button$textButton = F2( + function (style, _v0) { + var onPress = _v0.onPress; + var text = _v0.text; + return A2( + $author$project$Internal$Button$button, + style, + {icon: $mdgriffith$elm_ui$Element$none, onPress: onPress, text: text}); + }); +var $author$project$Internal$Dialog$dialog = F2( + function (style, _v0) { + var title = _v0.title; + var text = _v0.text; + var accept = _v0.accept; + var dismiss = _v0.dismiss; + 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) + ]); + } + } else { + return _List_Nil; + } + }()) + ])), + onDismiss: function () { + var _v3 = _Utils_Tuple2(accept, dismiss); + if (_v3.a.$ === 'Nothing') { + if (_v3.b.$ === 'Nothing') { + var _v4 = _v3.a; + var _v5 = _v3.b; + return $elm$core$Maybe$Nothing; + } else { + var _v6 = _v3.a; + var onPress = _v3.b.a.onPress; + return onPress; + } + } else { + return $elm$core$Maybe$Nothing; + } + }() + }); + }); +var $author$project$Widget$dialog = $author$project$Internal$Dialog$dialog; +var $elm$core$Array$fromListHelp = F3( + function (list, nodeList, nodeListSize) { + fromListHelp: + while (true) { + var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list); + var jsArray = _v0.a; + var remainingItems = _v0.b; + if (_Utils_cmp( + $elm$core$Elm$JsArray$length(jsArray), + $elm$core$Array$branchFactor) < 0) { + return A2( + $elm$core$Array$builderToArray, + true, + {nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray}); + } else { + var $temp$list = remainingItems, + $temp$nodeList = 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]))); + $elm$core$Array$Leaf(jsArray), + nodeList), + $temp$nodeListSize = nodeListSize + 1; + list = $temp$list; + nodeList = $temp$nodeList; + nodeListSize = $temp$nodeListSize; + continue fromListHelp; + } + } }); -var $author$project$Data$Section$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); - default: - return $elm$core$Maybe$Nothing; +var $elm$core$Array$fromList = function (list) { + if (!list.b) { + return $elm$core$Array$empty; + } else { + return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0); } }; +var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep); +var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet; +var $elm$core$Array$getHelp = F3( + function (shift, index, tree) { + getHelp: + while (true) { + var pos = $elm$core$Array$bitMask & (index >>> shift); + var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree); + if (_v0.$ === 'SubTree') { + var subTree = _v0.a; + var $temp$shift = shift - $elm$core$Array$shiftStep, + $temp$index = index, + $temp$tree = subTree; + shift = $temp$shift; + index = $temp$index; + tree = $temp$tree; + continue getHelp; + } else { + var values = _v0.a; + return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values); + } + } + }); +var $elm$core$Array$tailIndex = function (len) { + return (len >>> 5) << 5; +}; +var $elm$core$Array$get = F2( + function (index, _v0) { + var len = _v0.a; + var startShift = _v0.b; + var tree = _v0.c; + var tail = _v0.d; + return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp( + index, + $elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just( + A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just( + A3($elm$core$Array$getHelp, startShift, index, tree))); + }); var $author$project$Icons$github = A2( $author$project$Icons$svgFeatherIcon, 'github', @@ -13045,6 +13619,11 @@ var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) { return {$: 'Heading', a: a}; }; var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading); +var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5( + function (a, b, c, d, e) { + return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e}; + }); +var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2); var $mdgriffith$elm_ui$Internal$Model$paddingName = F4( function (top, right, bottom, left) { return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left))))))); @@ -13098,26 +13677,66 @@ var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) { ]); }; var $Orasund$elm_ui_framework$Framework$Heading$h1 = $Orasund$elm_ui_framework$Framework$Heading$h(1); -var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3); -var $elm$core$List$head = function (list) { - if (list.b) { - var x = list.a; - var xs = list.b; - return $elm$core$Maybe$Just(x); - } else { - return $elm$core$Maybe$Nothing; - } -}; 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 $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( + [ + A2( + $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 $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute; +var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14); +var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) { + return A2( + $mdgriffith$elm_ui$Internal$Model$StyleClass, + $mdgriffith$elm_ui$Internal$Flag$fontColor, + A3( + $mdgriffith$elm_ui$Internal$Model$Colored, + 'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor), + 'color', + fontColor)); +}; +var $mdgriffith$elm_ui$Element$rgb255 = F3( + function (red, green, blue) { + return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1); }); +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( @@ -13135,218 +13754,6 @@ 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, - _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 $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'}; -var $mdgriffith$elm_ui$Internal$Model$Text = function (a) { - return {$: 'Text', a: a}; -}; -var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map; -var $mdgriffith$elm_ui$Internal$Model$map = F2( - function (fn, el) { - switch (el.$) { - case 'Styled': - var styled = el.a; - return $mdgriffith$elm_ui$Internal$Model$Styled( - { - html: F2( - function (add, context) { - return A2( - $elm$virtual_dom$VirtualDom$map, - fn, - A2(styled.html, add, context)); - }), - styles: styled.styles - }); - case 'Unstyled': - var html = el.a; - return $mdgriffith$elm_ui$Internal$Model$Unstyled( - A2( - $elm$core$Basics$composeL, - $elm$virtual_dom$VirtualDom$map(fn), - html)); - case 'Text': - var str = el.a; - return $mdgriffith$elm_ui$Internal$Model$Text(str); - default: - return $mdgriffith$elm_ui$Internal$Model$Empty; - } - }); -var $mdgriffith$elm_ui$Element$map = $mdgriffith$elm_ui$Internal$Model$map; -var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map; -var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty; -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)); - }); -var $mdgriffith$elm_ui$Internal$Model$Px = function (a) { - return {$: 'Px', a: a}; -}; -var $mdgriffith$elm_ui$Element$px = $mdgriffith$elm_ui$Internal$Model$Px; -var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute; -var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14); -var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) { - return A2( - $mdgriffith$elm_ui$Internal$Model$StyleClass, - $mdgriffith$elm_ui$Internal$Flag$fontColor, - A3( - $mdgriffith$elm_ui$Internal$Model$Colored, - 'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor), - 'color', - fontColor)); -}; -var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18); var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap( _List_fromArray( [ @@ -13358,10 +13765,6 @@ var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) { return {$: 'FocusStyleOption', a: a}; }; var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption; -var $elm$core$List$singleton = function (value) { - return _List_fromArray( - [value]); -}; var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178); var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton( $mdgriffith$elm_ui$Element$focusStyle( @@ -13652,19 +14055,284 @@ var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2( A2($Orasund$elm_ui_framework$Framework$layout, attributes, view) ])); }); -var $mdgriffith$elm_ui$Internal$Flag$fontAlignment = $mdgriffith$elm_ui$Internal$Flag$flag(12); -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$Color$grey = A3($mdgriffith$elm_ui$Element$rgb255, 122, 122, 122); -var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'}; +var $elm_community$intdict$IntDict$findMin = function (dict) { + findMin: + while (true) { + switch (dict.$) { + case 'Empty': + return $elm$core$Maybe$Nothing; + case 'Leaf': + var l = dict.a; + return $elm$core$Maybe$Just( + _Utils_Tuple2(l.key, l.value)); + default: + var i = dict.a; + var $temp$dict = i.left; + dict = $temp$dict; + continue findMin; + } + } +}; +var $elm_community$intdict$IntDict$after = F2( + function (key, dict) { + var go = F2( + function (def, currentDict) { + go: + while (true) { + switch (currentDict.$) { + case 'Empty': + return $elm_community$intdict$IntDict$findMin(def); + case 'Leaf': + var l = currentDict.a; + return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just( + _Utils_Tuple2(l.key, l.value)); + default: + var i = currentDict.a; + if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) { + return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left); + } else { + if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) { + var $temp$def = def, + $temp$currentDict = i.right; + def = $temp$def; + currentDict = $temp$currentDict; + continue go; + } else { + var $temp$def = i.right, + $temp$currentDict = i.left; + def = $temp$def; + currentDict = $temp$currentDict; + continue go; + } + } + } + } + }); + return A2(go, $elm_community$intdict$IntDict$Empty, dict); + }); +var $elm$core$Maybe$andThen = F2( + function (callback, maybeValue) { + if (maybeValue.$ === 'Just') { + var value = maybeValue.a; + return callback(value); + } else { + return $elm$core$Maybe$Nothing; + } + }); +var $elm_community$intdict$IntDict$findMax = function (dict) { + findMax: + while (true) { + switch (dict.$) { + case 'Empty': + return $elm$core$Maybe$Nothing; + case 'Leaf': + var l = dict.a; + return $elm$core$Maybe$Just( + _Utils_Tuple2(l.key, l.value)); + default: + var i = dict.a; + var $temp$dict = i.right; + dict = $temp$dict; + continue findMax; + } + } +}; +var $elm_community$intdict$IntDict$before = F2( + function (key, dict) { + var go = F2( + function (def, currentDict) { + go: + while (true) { + switch (currentDict.$) { + case 'Empty': + return $elm_community$intdict$IntDict$findMax(def); + case 'Leaf': + var l = currentDict.a; + return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just( + _Utils_Tuple2(l.key, l.value)); + default: + var i = currentDict.a; + if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) { + return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right); + } else { + if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) { + var $temp$def = i.left, + $temp$currentDict = i.right; + def = $temp$def; + currentDict = $temp$currentDict; + continue go; + } else { + var $temp$def = def, + $temp$currentDict = i.left; + def = $temp$def; + currentDict = $temp$currentDict; + continue go; + } + } + } + } + }); + return A2(go, $elm_community$intdict$IntDict$Empty, dict); + }); +var $author$project$Widget$ScrollingNav$current = F2( + function (fromString, _v0) { + var positions = _v0.positions; + var scrollPos = _v0.scrollPos; + return A2( + $elm$core$Maybe$andThen, + fromString, + A2( + $elm$core$Maybe$map, + $elm$core$Tuple$second, + A2( + $elm$core$Maybe$withDefault, + A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions), + A2( + $elm$core$Maybe$map, + $elm$core$Maybe$Just, + A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions))))); + }); +var $elm$core$List$head = function (list) { + if (list.b) { + var x = list.a; + var xs = list.b; + return $elm$core$Maybe$Just(x); + } else { + return $elm$core$Maybe$Nothing; + } +}; +var $author$project$Widget$ScrollingNav$toSelect = F2( + function (onSelect, model) { + var arrangement = model.arrangement; + var toString = model.toString; + var fromString = model.fromString; + return { + onSelect: onSelect, + options: A2( + $elm$core$List$map, + function (s) { + return { + icon: $mdgriffith$elm_ui$Element$none, + text: toString(s) + }; + }, + arrangement), + selected: $elm$core$List$head( + A2( + $elm$core$List$filterMap, + function (_v0) { + var i = _v0.a; + var s = _v0.b; + return _Utils_eq( + $elm$core$Maybe$Just(s), + A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing; + }, + A2( + $elm$core$List$indexedMap, + F2( + function (i, s) { + return _Utils_Tuple2(i, s); + }), + arrangement))) + }; + }); +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$Internal$Model$Top = {$: 'Top'}; +var $mdgriffith$elm_ui$Element$alignTop = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Top); +var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill), + $mdgriffith$elm_ui$Element$alignTop + ]); +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$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33); -var $mdgriffith$elm_ui$Internal$Model$Nearby = F2( - function (a, b) { - return {$: 'Nearby', 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}; @@ -13752,6 +14420,19 @@ var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) { $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, @@ -13761,6 +14442,132 @@ var $mdgriffith$elm_ui$Element$mouseOver = function (decs) { $mdgriffith$elm_ui$Internal$Model$Hover, $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs))); }; +var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219); +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')) + ])); +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); +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$padding = function (x) { + return 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)); +}; +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 $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$Button$simple = _Utils_ap( $Orasund$elm_ui_framework$Framework$Card$simple, _Utils_ap( @@ -13775,39 +14582,203 @@ var $Orasund$elm_ui_framework$Framework$Button$simple = _Utils_ap( ])), A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12) ]))); +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$Max = F2( + function (a, b) { + return {$: 'Max', a: a, b: b}; + }); +var $mdgriffith$elm_ui$Element$maximum = F2( + function (i, l) { + return A2($mdgriffith$elm_ui$Internal$Model$Max, i, l); + }); +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 $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 $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'); -var $elm$svg$Svg$Attributes$x = _VirtualDom_attribute('x'); -var $elm$svg$Svg$Attributes$y = _VirtualDom_attribute('y'); -var $author$project$Icons$square = A2( +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$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3); +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, - 'square', + 'chevron-down', _List_fromArray( [ A2( - $elm$svg$Svg$rect, + $elm$svg$Svg$polyline, _List_fromArray( [ - $elm$svg$Svg$Attributes$x('3'), - $elm$svg$Svg$Attributes$y('3'), - $elm$svg$Svg$Attributes$width('18'), - $elm$svg$Svg$Attributes$height('18'), - $elm$svg$Svg$Attributes$rx('2'), - $elm$svg$Svg$Attributes$ry('2') + $elm$svg$Svg$Attributes$points('6 9 12 15 18 9') ]), _List_Nil) ])); -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$Group$center = _List_fromArray( +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$Border$rounded(0) + $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 $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'}; +var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main); +var $Orasund$elm_ui_framework$Framework$container = _List_fromArray( + [ + $mdgriffith$elm_ui$Element$centerX, + $mdgriffith$elm_ui$Element$centerY, + $mdgriffith$elm_ui$Element$width( + A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)), + $mdgriffith$elm_ui$Element$padding(20), + $mdgriffith$elm_ui$Element$Region$mainContent, + $mdgriffith$elm_ui$Element$Background$color( + A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255)) ]); var $Orasund$elm_ui_framework$Framework$Color$dark = _List_fromArray( [ @@ -13815,12 +14786,7 @@ var $Orasund$elm_ui_framework$Framework$Color$dark = _List_fromArray( $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) ]); -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 $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$Framework$Heading$h(2); 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'); @@ -13862,6 +14828,70 @@ var $author$project$Icons$menu = A2( ]), _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 $mdgriffith$elm_ui$Internal$Model$Px = function (a) { + return {$: 'Px', a: a}; +}; +var $mdgriffith$elm_ui$Element$px = $mdgriffith$elm_ui$Internal$Model$Px; +var $mdgriffith$elm_ui$Element$Border$widthXY = F2( + function (x, y) { + 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(x) + ('-' + $elm$core$String$fromInt(y))), + y, + x, + y, + x)); + }); +var $mdgriffith$elm_ui$Element$Border$widthEach = function (_v0) { + var bottom = _v0.bottom; + var top = _v0.top; + var left = _v0.left; + var right = _v0.right; + return (_Utils_eq(top, bottom) && _Utils_eq(left, right)) ? (_Utils_eq(top, right) ? $mdgriffith$elm_ui$Element$Border$width(top) : A2($mdgriffith$elm_ui$Element$Border$widthXY, left, top)) : 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(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left))))))), + top, + right, + bottom, + left)); +}; +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', @@ -13895,41 +14925,82 @@ var $author$project$Icons$moreVertical = A2( ]), _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 $mdgriffith$elm_ui$Element$Border$widthXY = F2( - function (x, y) { - 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(x) + ('-' + $elm$core$String$fromInt(y))), - y, - x, - y, - x)); - }); -var $mdgriffith$elm_ui$Element$Border$widthEach = function (_v0) { - var bottom = _v0.bottom; - var top = _v0.top; - var left = _v0.left; - var right = _v0.right; - return (_Utils_eq(top, bottom) && _Utils_eq(left, right)) ? (_Utils_eq(top, right) ? $mdgriffith$elm_ui$Element$Border$width(top) : A2($mdgriffith$elm_ui$Element$Border$widthXY, left, top)) : 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(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left))))))), - top, - right, - bottom, - left)); +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 $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$Example$style = { +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, + _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) + ]) +}; +var $author$project$Data$Style$ElmUiFramework$layout = { + container: _List_Nil, header: _Utils_ap( $Orasund$elm_ui_framework$Framework$container, _Utils_ap( @@ -13941,18 +15012,33 @@ var $author$project$Example$style = { $mdgriffith$elm_ui$Element$px(42)) ]))), layout: $Orasund$elm_ui_framework$Framework$responsiveLayout, - menuButton: _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)), - menuButtonSelected: $Orasund$elm_ui_framework$Framework$Color$primary, + 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( @@ -13960,119 +15046,1895 @@ var $author$project$Example$style = { $mdgriffith$elm_ui$Element$width( A2($mdgriffith$elm_ui$Element$maximum, 256, $mdgriffith$elm_ui$Element$fill)) ])), - sheetButton: _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])))), - sheetButtonSelected: $Orasund$elm_ui_framework$Framework$Color$primary, - snackbar: _Utils_ap($Orasund$elm_ui_framework$Framework$Card$simple, $Orasund$elm_ui_framework$Framework$Color$dark), + sheetButton: $author$project$Data$Style$ElmUiFramework$sheetButton, + snackbar: $author$project$Data$Style$ElmUiFramework$snackbar, spacing: 8, - tabButton: _List_fromArray( + 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$height( - $mdgriffith$elm_ui$Element$px(42)), - $mdgriffith$elm_ui$Element$Border$widthEach( - {bottom: 8, left: 0, right: 0, top: 0}) + $mdgriffith$elm_ui$Element$spacing(8) ]), - tabButtonSelected: _List_fromArray( + 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$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise) + $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))); +}; +var $avh4$elm_color$Color$fromRgba = function (components) { + return A4($avh4$elm_color$Color$RgbaSpace, components.red, components.green, components.blue, components.alpha); +}; +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)); +}; +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 + }; +}; +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 $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 $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))) + ]); +}; +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( + function (r, g, b) { + return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0); + }); +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$Font$size(20), + $mdgriffith$elm_ui$Element$Font$semiBold, + $mdgriffith$elm_ui$Element$Font$letterSpacing(0.15) + ]); +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 $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 $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) ]) }; -var $mdgriffith$elm_ui$Element$text = function (content) { - return $mdgriffith$elm_ui$Internal$Model$Text(content); +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}) + ]) + }; }; -var $author$project$Icons$triangle = A2( - $author$project$Icons$svgFeatherIcon, - 'triangle', +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 $author$project$Widget$Style$Material$column = { + containerColumn: _List_fromArray( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8), + $mdgriffith$elm_ui$Element$spacing(8) + ]), + element: _List_Nil, + ifFirst: _List_Nil, + ifLast: _List_Nil, + otherwise: _List_Nil +}; +var $author$project$Widget$Style$Material$icon = F2( + function (string, size) { + return A2( + $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 $author$project$Widget$Style$Material$expand_less = 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('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$d('M24 16L12 28l2.83 2.83L24 21.66l9.17 9.17L36 28z') ]), _List_Nil) ])); -var $author$project$Component$FilterSelectSpecific = function (a) { - return {$: 'FilterSelectSpecific', a: a}; +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$FilterSelect$Selected = function (a) { - return {$: 'Selected', a: a}; +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 $Orasund$elm_ui_framework$Framework$Color$red = A3($mdgriffith$elm_ui$Element$rgb255, 255, 56, 96); -var $Orasund$elm_ui_framework$Framework$Color$danger = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$red), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$red), - $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey) - ]); -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; +var $mdgriffith$elm_ui$Element$Font$family = function (families) { 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')))))))); + $mdgriffith$elm_ui$Internal$Flag$fontFamily, + A2( + $mdgriffith$elm_ui$Internal$Model$FontFamily, + A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families), + families)); }; -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 $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$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 + }; +}; +var $author$project$Widget$Style$Material$more_vert = 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('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( + [ + 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, + 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$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$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( + [ + $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 $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface; +var $author$project$Widget$Style$Material$layout = function (palette) { + return { + container: _Utils_ap( + $author$project$Widget$Style$Material$textAndBackground(palette.background), + _List_fromArray( + [ + $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) + ])), + 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( + [ + A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8), + $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: $author$project$Widget$Style$Material$layout(palette), + 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); + }); +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) { + return { + 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') + }; +}; +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$decoration(string + ':ifFirst'), + ifLast: $author$project$Widget$Style$Template$decoration(string + ':ifLast'), + otherwise: $author$project$Widget$Style$Template$decoration(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$decoration(string + ':ifFirst'), + ifLast: $author$project$Widget$Style$Template$decoration(string + ':ifLast'), + otherwise: $author$project$Widget$Style$Template$decoration(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$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 $author$project$Widget$button = $author$project$Internal$Button$button; +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$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$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 $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 $author$project$Widget$modal = $author$project$Internal$Dialog$modal; 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 $Orasund$elm_ui_framework$Framework$Group$right = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$roundEach( - {bottomLeft: 0, bottomRight: 4, topLeft: 0, topRight: 4}) - ]); -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( - function (attrs, children) { - 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)), - 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)); +var $author$project$Internal$Select$select = 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( + _Utils_eq( + selected, + $elm$core$Maybe$Just(i)), + { + icon: a.icon, + onPress: onSelect(i), + text: a.text + }); + }), + options); +}; +var $author$project$Widget$select = $author$project$Internal$Select$select; +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$el, + style.text, + $mdgriffith$elm_ui$Element$text(b.text)) + ])), + onPress: b.onPress + }); + }); +var $author$project$Widget$selectButton = $author$project$Internal$Select$selectButton; +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 { + 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 $Orasund$elm_ui_framework$Framework$Input$simple = _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey), - $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey) - ]); -var $author$project$Widget$FilterSelect$ChangedRaw = function (a) { - return {$: 'ChangedRaw', a: a}; -}; -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}; }; @@ -14148,14 +17010,6 @@ var $mdgriffith$elm_ui$Element$Input$autofill = A2( $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$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$behindContent = function (element) { return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element); }; @@ -14194,12 +17048,6 @@ var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function ( $elm$core$Basics$floor(vSpace / 2)); } }; -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( - function (r, g, b) { - return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1); - }); 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); @@ -14222,9 +17070,6 @@ var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) { return $elm$core$Maybe$Nothing; } }; -var $mdgriffith$elm_ui$Internal$Model$Label = function (a) { - return {$: 'Label', a: a}; -}; var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) { if (label.$ === 'HiddenLabel') { var textLabel = label.a; @@ -14234,10 +17079,6 @@ var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) { return $mdgriffith$elm_ui$Internal$Model$NoAttribute; } }; -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); -}; var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) { isConstrained: while (true) { @@ -14317,7 +17158,6 @@ var $elm$html$Html$Events$onInput = function (tagger) { $elm$html$Html$Events$alwaysStop, A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue))); }; -var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr; var $mdgriffith$elm_ui$Element$Input$isFill = function (len) { isFill: while (true) { @@ -14364,8 +17204,6 @@ var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) { } } }; -var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style; -var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style; var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4( function (isMultiline, stacked, attr, els) { switch (attr.$) { @@ -14879,942 +17717,164 @@ var $mdgriffith$elm_ui$Element$Input$text = $mdgriffith$elm_ui$Element$Input$tex spellchecked: false, type_: $mdgriffith$elm_ui$Element$Input$TextInputNode('text') }); -var $author$project$Widget$FilterSelect$viewInput = F3( - function (attributes, model, _v0) { - var msgMapper = _v0.msgMapper; - var placeholder = _v0.placeholder; - var label = _v0.label; - return A2( - $mdgriffith$elm_ui$Element$Input$text, - attributes, - { - label: $mdgriffith$elm_ui$Element$Input$labelHidden(label), - onChange: A2($elm$core$Basics$composeR, $author$project$Widget$FilterSelect$ChangedRaw, msgMapper), - placeholder: placeholder, - text: model.raw - }); - }); -var $elm$core$Dict$filter = F2( - function (isGood, dict) { - return A3( - $elm$core$Dict$foldl, - F3( - function (k, v, d) { - return A2(isGood, k, v) ? A3($elm$core$Dict$insert, k, v, d) : d; - }), - $elm$core$Dict$empty, - dict); - }); -var $elm$core$Set$filter = F2( - function (isGood, _v0) { - var dict = _v0.a; - return $elm$core$Set$Set_elm_builtin( - A2( - $elm$core$Dict$filter, - F2( - function (key, _v1) { - return isGood(key); - }), - dict)); - }); -var $elm$core$String$toUpper = _String_toUpper; -var $author$project$Widget$FilterSelect$viewOptions = function (_v0) { - var raw = _v0.raw; - var options = _v0.options; - return (raw === '') ? _List_Nil : $elm$core$Set$toList( - 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 $elm$html$Html$Attributes$width = function (n) { - return A2( - _VirtualDom_attribute, - 'width', - $elm$core$String$fromInt(n)); -}; -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 $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'), - 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 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('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 $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$Framework$Heading$h(2); -var $author$project$Component$scrollingNavCard = 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('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 $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$widthEach( - {bottom: 0, left: 0, right: 0, top: 2}), - $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), - $mdgriffith$elm_ui$Element$paddingEach( - {bottom: 30, left: 0, right: 0, top: 10}) - ])); -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)) - }); - } - }); -var $author$project$Component$validatedInput = function (model) { - 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('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, - _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) - ])))) - ])); - } - }) - ])); -}; -var $author$project$Component$view = function (model) { - 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('Components')), - A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Components have a Model, an Update- and sometimes even a Subscription-function. It takes some time to set them up correctly.'))), - 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) - ])), - _List_fromArray( - [ - $author$project$Component$filterSelect(model.filterSelect), - $author$project$Component$validatedInput(model.validatedInput), - $author$project$Component$scrollingNavCard - ])) - ])); -}; -var $author$project$Layout$Left = {$: 'Left'}; -var $author$project$Layout$Right = {$: 'Right'}; -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 $author$project$Widget$Snackbar$current = function (model) { return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current); }; -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 $author$project$Core$Style$menuButton = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; +var $author$project$Widget$textButton = F2( + function (style, _v0) { + var text = _v0.text; var onPress = _v0.onPress; return A2( - $mdgriffith$elm_ui$Element$Input$button, - config.menuButton, - { - label: A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(8) - ]), - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(label) - ])), - onPress: onPress - }); + $author$project$Internal$Button$textButton, + style, + {onPress: onPress, text: text}); }); -var $author$project$Core$Style$menuIconButton = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; - var onPress = _v0.onPress; +var $author$project$Widget$Snackbar$view = F3( + function (style, toMessage, model) { return A2( - $mdgriffith$elm_ui$Element$Input$button, - config.menuButton, - { - label: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - onPress: onPress - }); - }); -var $author$project$Core$Style$menuTabButton = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; - var onPress = _v0.onPress; - return A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap(config.menuButton, config.tabButton), - { - label: A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(8) - ]), - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(label) - ])), - onPress: onPress - }); - }); -var $author$project$Core$Style$menuTabButtonSelected = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; - var onPress = _v0.onPress; - return A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap( - config.menuButton, - _Utils_ap(config.tabButton, config.tabButtonSelected)), - { - label: A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(8) - ]), - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(label) - ])), - onPress: onPress - }); - }); -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 $author$project$Widget$scrim = function (_v0) { - var onDismiss = _v0.onDismiss; - var content = _v0.content; - return $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$inFront( + $elm$core$Maybe$map, 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))), - content))); -}; -var $author$project$Core$Style$sheetButton = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; - var onPress = _v0.onPress; - return A2( - $mdgriffith$elm_ui$Element$Input$button, - config.sheetButton, - { - label: A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(8) - ]), - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(label) - ])), - onPress: onPress - }); + $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)) + ])); + }), + $author$project$Widget$Snackbar$current(model)); }); -var $author$project$Core$Style$sheetButtonSelected = F2( - function (config, _v0) { - var label = _v0.label; - var icon = _v0.icon; - var onPress = _v0.onPress; - return A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap(config.sheetButton, config.sheetButtonSelected), - { - label: A2( - $mdgriffith$elm_ui$Element$row, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$spacing(8) - ]), - _List_fromArray( - [ - A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon), - $mdgriffith$elm_ui$Element$text(label) - ])), - onPress: onPress - }); - }); -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 $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 { - 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$Layout$view = F2( - function (attributes, _v0) { +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 deviceClass = _v0.deviceClass; + 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, - A2( - $elm$core$Basics$composeR, - $mdgriffith$elm_ui$Element$text, - A2( - $elm$core$Basics$composeR, - $elm$core$List$singleton, - A2( - $elm$core$Basics$composeR, - $mdgriffith$elm_ui$Element$paragraph(style.snackbar), - $mdgriffith$elm_ui$Element$el( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(8), - $mdgriffith$elm_ui$Element$alignBottom, - $mdgriffith$elm_ui$Element$alignRight - ]))))), - $author$project$Widget$Snackbar$current(layout.snackbar))); + $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 _v4 = layout.sheet; - if (_v4.$ === 'Just') { - if (_v4.a.$ === 'Left') { - var _v5 = _v4.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) - ]), + 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( - $elm$core$List$indexedMap, - function (i) { - return _Utils_eq(i, menu.selected) ? $author$project$Core$Style$sheetButtonSelected(style) : $author$project$Core$Style$sheetButton(style); - }, - menu.items))); - } else { - var _v6 = _v4.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) - ]), + $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( - $elm$core$List$map, - $author$project$Core$Style$sheetButton(style), - moreActions))); + $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; @@ -15828,7 +17888,7 @@ var $author$project$Layout$view = F2( [ $mdgriffith$elm_ui$Element$padding(0), $mdgriffith$elm_ui$Element$centerX, - $mdgriffith$elm_ui$Element$spaceEvenly, + $mdgriffith$elm_ui$Element$spacing(style.spacing), $mdgriffith$elm_ui$Element$alignTop, $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) ])), @@ -15839,23 +17899,46 @@ var $author$project$Layout$view = F2( _List_fromArray( [ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink), - $mdgriffith$elm_ui$Element$spacing(8) + $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.items) > 5))) ? _List_fromArray( + (_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( - $mdgriffith$elm_ui$Element$Input$button, + $author$project$Widget$iconButton, style.menuButton, { - label: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon), + 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$Left))) + $elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))), + text: 'Menu' }), - title + 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( [ - title, + A2($mdgriffith$elm_ui$Element$el, style.title, title), A2( $mdgriffith$elm_ui$Element$row, _List_fromArray( @@ -15863,12 +17946,34 @@ var $author$project$Layout$view = F2( $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) ]), A2( - $elm$core$List$indexedMap, - function (i) { - return _Utils_eq(i, menu.selected) ? $author$project$Core$Style$menuTabButtonSelected(style) : $author$project$Core$Style$menuTabButton(style); - }, - menu.items)) + $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$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( @@ -15880,20 +17985,54 @@ var $author$project$Layout$view = F2( _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, + 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$Core$Style$menuIconButton(style) : $author$project$Core$Style$menuButton(style), + _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$Core$Style$menuButton, - style, + $author$project$Widget$iconButton, + style.menuButton, { icon: style.moreVerticalIcon, - label: '', onPress: $elm$core$Maybe$Just( onChangedSidebar( - $elm$core$Maybe$Just($author$project$Layout$Right))) + $elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))), + text: 'More' }) ]) ]))) @@ -15903,163 +18042,738 @@ var $author$project$Layout$view = F2( $elm$core$List$concat( _List_fromArray( [ - attributes, + style.container, _List_fromArray( [ $mdgriffith$elm_ui$Element$inFront(nav), $mdgriffith$elm_ui$Element$inFront(snackbar) ]), - ((!_Utils_eq(layout.sheet, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) ? $author$project$Widget$scrim( - { - content: $mdgriffith$elm_ui$Element$none, - onDismiss: $elm$core$Maybe$Just( - function () { - if (dialog.$ === 'Just') { - var onDismiss = dialog.a.onDismiss; - return A2( - $elm$core$Maybe$withDefault, - onChangedSidebar($elm$core$Maybe$Nothing), - onDismiss); - } else { - return onChangedSidebar($elm$core$Maybe$Nothing); - } - }()) - }) : _List_Nil, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$inFront(sheet), - $mdgriffith$elm_ui$Element$inFront( - function () { - if (dialog.$ === 'Just') { - var element = dialog.a; - return element.content; - } else { - return $mdgriffith$elm_ui$Element$none; - } - }()) - ]) + 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$Reusable$snackbar = function (addSnackbar) { - 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('Snackbar')), - 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('This is a notification. It will disappear after 10 seconds.')) - }) - ])); +var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'}; +var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'}; +var $author$project$Main$ToggledExample = function (a) { + return {$: 'ToggledExample', a: a}; }; -var $author$project$Reusable$SortBy = function (a) { - return {$: 'SortBy', a: a}; -}; -var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown = function (attrs) { +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$svg$Svg$svg, + $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 $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 $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id'); +var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap( + $Orasund$elm_ui_framework$Framework$Grid$simple, + _List_fromArray( + [ + $mdgriffith$elm_ui$Element$Border$widthEach( + {bottom: 0, left: 0, right: 0, top: 2}), + $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey), + $mdgriffith$elm_ui$Element$paddingEach( + {bottom: 30, left: 0, right: 0, top: 10}) + ])); +var $author$project$Reusable$layout = function (_v0) { + return _Utils_Tuple3( + 'Layout', 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) - ])); + $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 $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronUp = function (attrs) { - return A2( - $elm$svg$Svg$svg, +var $author$project$Reusable$scrollingNavCard = function (_v0) { + return _Utils_Tuple3( + 'Scrolling Nav', A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$viewBox('0 0 20 20'), + $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$Reusable$snackbar = F2( + function (style, addSnackbar) { + return _Utils_Tuple3( + 'Snackbar', A2( - $elm$core$List$cons, - $elm$svg$Svg$Attributes$fill('currentColor'), - attrs)), - _List_fromArray( - [ - A2( - $elm$svg$Svg$path, + $mdgriffith$elm_ui$Element$column, + $Orasund$elm_ui_framework$Framework$Grid$simple, _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) - ])); + 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); + }); +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$Widget$SortTable$FloatColumn = function (a) { +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; + }; + } +}; +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' + }))) + ]); + }); +var $author$project$View$Test$dialog = F2( + function (_v0, _v1) { + return _List_Nil; + }); +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( + [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) + }; + }, + _List_fromArray( + [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( + [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) + }; + }, + _List_fromArray( + [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, + 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$View$Test$select = F2( + function (idle, style) { + return _List_fromArray( + [ + _Utils_Tuple2( + 'First 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$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$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}; }; @@ -16284,926 +18998,1641 @@ 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 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('Sort Table')), - 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( - { - columns: _List_fromArray( - [ - $author$project$Widget$SortTable$intColumn( - { - title: 'Id', - toString: function (_int) { - return '#' + $elm$core$String$fromInt(_int); - }, - value: function ($) { - return $.id; + }; + return A2( + $mdgriffith$elm_ui$Element$table, + 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)); } - }), - $author$project$Widget$SortTable$stringColumn( - { - title: 'Name', - toString: $elm$core$Basics$identity, - value: function ($) { - return $.name; - } - }), - $author$project$Widget$SortTable$floatColumn( - { - title: 'rating', - toString: $elm$core$String$fromFloat, - value: function ($) { - return $.rating; - } - }) - ]), - content: _List_fromArray( - [ - {id: 1, name: 'Antonio', rating: 2.456}, - {id: 2, name: 'Ana', rating: 1.34}, - {id: 3, name: 'Alfred', rating: 4.22}, - {id: 4, name: 'Thomas', rating: 3} - ]), - model: model - }))) - ])); -}; -var $author$project$Reusable$view = function (_v0) { - var addSnackbar = _v0.addSnackbar; - var msgMapper = _v0.msgMapper; - var model = _v0.model; - 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('Reusable Views')), - A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.'))), - 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) - ])), - _List_fromArray( - [ - $author$project$Reusable$snackbar(addSnackbar), - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Reusable$sortTable(model)) - ])) - ])); -}; -var $author$project$Stateless$SetCarousel = function (a) { - return {$: 'SetCarousel', a: a}; -}; -var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep); -var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet; -var $elm$core$Array$getHelp = F3( - function (shift, index, tree) { - getHelp: - while (true) { - var pos = $elm$core$Array$bitMask & (index >>> shift); - var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree); - if (_v0.$ === 'SubTree') { - var subTree = _v0.a; - var $temp$shift = shift - $elm$core$Array$shiftStep, - $temp$index = index, - $temp$tree = subTree; - shift = $temp$shift; - index = $temp$index; - tree = $temp$tree; - continue getHelp; - } else { - var values = _v0.a; - return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values); - } - } - }); -var $elm$core$Array$tailIndex = function (len) { - return (len >>> 5) << 5; -}; -var $elm$core$Array$get = F2( - function (index, _v0) { - var len = _v0.a; - var startShift = _v0.b; - var tree = _v0.c; - var tail = _v0.d; - return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp( - index, - $elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just( - A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just( - A3($elm$core$Array$getHelp, startShift, index, tree))); - }); -var $elm$core$Array$length = function (_v0) { - var len = _v0.a; - return len; -}; -var $author$project$Widget$carousel = function (_v0) { - var content = _v0.content; - var current = _v0.current; - var label = _v0.label; - var _v1 = content; - var head = _v1.a; - var tail = _v1.b; - return label( - (current <= 0) ? head : ((_Utils_cmp( - current, - $elm$core$Array$length(tail)) > 0) ? A2( - $elm$core$Maybe$withDefault, - head, - A2( - $elm$core$Array$get, - $elm$core$Array$length(tail) - 1, - tail)) : A2( - $elm$core$Maybe$withDefault, - head, - A2($elm$core$Array$get, current - 1, tail)))); -}; -var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronLeft = 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$fillRule('evenodd'), - $elm$svg$Svg$Attributes$d('M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z'), - $elm$svg$Svg$Attributes$clipRule('evenodd') - ]), - _List_Nil) - ])); -}; -var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronRight = 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$fillRule('evenodd'), - $elm$svg$Svg$Attributes$d('M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z'), - $elm$svg$Svg$Attributes$clipRule('evenodd') - ]), - _List_Nil) - ])); -}; -var $Orasund$elm_ui_framework$Framework$Color$cyan = A3($mdgriffith$elm_ui$Element$rgb255, 32, 156, 238); -var $elm$core$Array$fromListHelp = F3( - function (list, nodeList, nodeListSize) { - fromListHelp: - while (true) { - var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list); - var jsArray = _v0.a; - var remainingItems = _v0.b; - if (_Utils_cmp( - $elm$core$Elm$JsArray$length(jsArray), - $elm$core$Array$branchFactor) < 0) { - return A2( - $elm$core$Array$builderToArray, - true, - {nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray}); - } else { - var $temp$list = remainingItems, - $temp$nodeList = A2( - $elm$core$List$cons, - $elm$core$Array$Leaf(jsArray), - nodeList), - $temp$nodeListSize = nodeListSize + 1; - list = $temp$list; - nodeList = $temp$nodeList; - nodeListSize = $temp$nodeListSize; - continue fromListHelp; - } - } - }); -var $elm$core$Array$fromList = function (list) { - if (!list.b) { - return $elm$core$Array$empty; - } else { - return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0); - } -}; -var $Orasund$elm_ui_framework$Framework$Color$green = A3($mdgriffith$elm_ui$Element$rgb255, 35, 209, 96); -var $Orasund$elm_ui_framework$Framework$Color$yellow = A3($mdgriffith$elm_ui$Element$rgb255, 255, 221, 87); -var $author$project$Stateless$carousel = function (model) { - 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('Carousel')), - $author$project$Widget$carousel( - { - content: _Utils_Tuple2( - $Orasund$elm_ui_framework$Framework$Color$cyan, - $elm$core$Array$fromList( - _List_fromArray( - [$Orasund$elm_ui_framework$Framework$Color$yellow, $Orasund$elm_ui_framework$Framework$Color$green, $Orasund$elm_ui_framework$Framework$Color$red]))), - current: model.carousel, - label: function (c) { - return A2( - $mdgriffith$elm_ui$Element$row, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Grid$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$centerX, - $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink) - ])), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$Input$button, - _List_fromArray( - [$mdgriffith$elm_ui$Element$centerY]), - { - label: $mdgriffith$elm_ui$Element$html( - $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronLeft( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(20) - ]))), - onPress: $elm$core$Maybe$Just( - $author$project$Stateless$SetCarousel(model.carousel - 1)) - }), - A2( - $mdgriffith$elm_ui$Element$el, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Card$simple, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Background$color(c), - $mdgriffith$elm_ui$Element$height( - $mdgriffith$elm_ui$Element$px(100)), - $mdgriffith$elm_ui$Element$width( - $mdgriffith$elm_ui$Element$px(100)) - ])), - $mdgriffith$elm_ui$Element$none), - A2( - $mdgriffith$elm_ui$Element$Input$button, - _List_fromArray( - [$mdgriffith$elm_ui$Element$centerY]), - { - label: $mdgriffith$elm_ui$Element$html( - $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronRight( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(20) - ]))), - onPress: $elm$core$Maybe$Just( - $author$project$Stateless$SetCarousel(model.carousel + 1)) - }) - ])); - } - }) - ])); -}; -var $author$project$Stateless$ToggleCollapsable = function (a) { - return {$: 'ToggleCollapsable', a: a}; -}; -var $author$project$Widget$collapsable = function (_v0) { - var onToggle = _v0.onToggle; - var isCollapsed = _v0.isCollapsed; - var label = _v0.label; - var content = _v0.content; - return A2( - $mdgriffith$elm_ui$Element$column, - _List_Nil, - _Utils_ap( - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$Input$button, - _List_Nil, - { - label: label, - onPress: $elm$core$Maybe$Just( - onToggle(!isCollapsed)) - }) - ]), - isCollapsed ? _List_Nil : _List_fromArray( - [content]))); -}; -var $Orasund$elm_ui_framework$Framework$Heading$h4 = $Orasund$elm_ui_framework$Framework$Heading$h(4); -var $author$project$Stateless$collapsable = function (model) { - 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('Collapsable')), - $author$project$Widget$collapsable( - { - content: $mdgriffith$elm_ui$Element$text('Hello World'), - isCollapsed: model.isCollapsed, - label: A2( - $mdgriffith$elm_ui$Element$row, - $Orasund$elm_ui_framework$Framework$Grid$compact, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$html( - model.isCollapsed ? $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronRight( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(20) - ])) : $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown( - _List_fromArray( - [ - $elm$html$Html$Attributes$width(20) - ]))), + }(), + 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( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h4, - $mdgriffith$elm_ui$Element$text('Title')) - ])), - onToggle: $author$project$Stateless$ToggleCollapsable - }) - ])); -}; -var $author$project$Stateless$ChangedMultiSelected = function (a) { - return {$: 'ChangedMultiSelected', a: a}; -}; -var $author$project$Widget$multiSelect = function (_v0) { - var selected = _v0.selected; - var options = _v0.options; - var label = _v0.label; - var onChange = _v0.onChange; - var attributes = _v0.attributes; - return A2( - $elm$core$List$map, - function (a) { - return A2( - $mdgriffith$elm_ui$Element$Input$button, - attributes( - A2($elm$core$Set$member, a, selected)), - { - label: label(a), - onPress: $elm$core$Maybe$Just( - onChange(a)) - }); - }, - options); -}; -var $author$project$Stateless$multiSelect = function (model) { - 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('Multi Select')), - A2( - $mdgriffith$elm_ui$Element$row, - $Orasund$elm_ui_framework$Framework$Grid$compact, - A2( - $elm$core$List$indexedMap, - function (i) { - return $mdgriffith$elm_ui$Element$el( - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(0) - ]), - (!i) ? $Orasund$elm_ui_framework$Framework$Group$left : ((i === 2) ? $Orasund$elm_ui_framework$Framework$Group$right : $Orasund$elm_ui_framework$Framework$Group$center)))); + $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 + }; }, - $author$project$Widget$multiSelect( - { - attributes: function (selected) { - return _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$width(0), - $mdgriffith$elm_ui$Element$Border$rounded(0) - ]), - selected ? $Orasund$elm_ui_framework$Framework$Color$primary : _List_Nil)); + 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; + } }, - label: A2($elm$core$Basics$composeR, $elm$core$String$fromInt, $mdgriffith$elm_ui$Element$text), - onChange: $author$project$Stateless$ChangedMultiSelected, - options: _List_fromArray( - [1, 2, 42]), - selected: model.multiSelected - }))) - ])); -}; -var $author$project$Stateless$scrim = F2( - function (_v0, model) { - var showDialog = _v0.showDialog; - var changedSheet = _v0.changedSheet; - 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('Scrim')), - A2( - $mdgriffith$elm_ui$Element$Input$button, - $Orasund$elm_ui_framework$Framework$Button$simple, - { - label: $mdgriffith$elm_ui$Element$text('Show dialog'), - onPress: $elm$core$Maybe$Just(showDialog) - }), - 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$Left))) - }), - 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$Right))) - }) - ])); + findTitle(model.columns)), + $elm$core$Maybe$withDefault($elm$core$Basics$identity), + model.content)) + }); }); -var $author$project$Stateless$ChangedSelected = function (a) { - return {$: 'ChangedSelected', a: a}; +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$Widget$select = function (_v0) { - var selected = _v0.selected; - var options = _v0.options; - var label = _v0.label; - var onChange = _v0.onChange; - var attributes = _v0.attributes; - return A2( - $elm$core$List$map, - function (a) { - return A2( - $mdgriffith$elm_ui$Element$Input$button, - attributes( - _Utils_eq( - selected, - $elm$core$Maybe$Just(a))), - { - label: label(a), - onPress: $elm$core$Maybe$Just( - onChange(a)) - }); - }, - options); +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$Stateless$select = function (model) { - 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( +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( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h3, - $mdgriffith$elm_ui$Element$text('Select')), + $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); + }, + 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 + }) + ]), + 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: 'Id' + })), + _Utils_Tuple2( + 'Name column', A2( - $mdgriffith$elm_ui$Element$row, - $Orasund$elm_ui_framework$Framework$Grid$compact, + $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( - $elm$core$List$indexedMap, - function (i) { - return $mdgriffith$elm_ui$Element$el( - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$padding(0) - ]), - (!i) ? $Orasund$elm_ui_framework$Framework$Group$left : ((i === 2) ? $Orasund$elm_ui_framework$Framework$Group$right : $Orasund$elm_ui_framework$Framework$Group$center)))); - }, - $author$project$Widget$select( - { - attributes: function (selected) { - return _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap( - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$Border$width(0), - $mdgriffith$elm_ui$Element$Border$rounded(0) - ]), - selected ? $Orasund$elm_ui_framework$Framework$Color$primary : _List_Nil)); - }, - label: A2($elm$core$Basics$composeR, $elm$core$String$fromInt, $mdgriffith$elm_ui$Element$text), - onChange: $author$project$Stateless$ChangedSelected, - options: _List_fromArray( - [1, 2, 42]), - selected: model.selected - }))) - ])); -}; -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 = F2( - function (atts, _v0) { - var selected = _v0.selected; - var options = _v0.options; - var onChange = _v0.onChange; - var label = _v0.label; + $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 + } + ]), + 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; - var attributes = _v0.attributes; return A2( $mdgriffith$elm_ui$Element$column, - _List_Nil, + style.containerColumn, _List_fromArray( [ A2( $mdgriffith$elm_ui$Element$row, - atts, - $author$project$Widget$select( - { - attributes: attributes, - label: label, - onChange: onChange, - options: options, - selected: $elm$core$Maybe$Just(selected) - })), - content(selected) + 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 $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$Stateless$tab = function (model) { - 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( +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( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h3, - $mdgriffith$elm_ui$Element$text('Tab')), - A2( - $author$project$Widget$tab, - $Orasund$elm_ui_framework$Framework$Grid$simple, - { - attributes: function (selected) { - return _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Group$top, - selected ? $Orasund$elm_ui_framework$Framework$Color$primary : _List_Nil)); - }, - content: 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( + $author$project$Widget$tab, + style.tab, + { + content: function (selected) { + return $mdgriffith$elm_ui$Element$text( function () { - switch (selected) { - case 1: - return 'This is Tab 1'; - case 2: - return 'This is the second tab'; - case 3: - return 'The thrid and last tab'; - default: - return 'Please select a tab'; + if (selected.$ === 'Nothing') { + return 'Please select a tab'; + } else { + return ''; } - }())); - }, - label: function (_int) { - return $mdgriffith$elm_ui$Element$text( - 'Tab ' + $elm$core$String$fromInt(_int)); - }, - onChange: $author$project$Stateless$ChangedTab, - options: _List_fromArray( - [1, 2, 3]), - selected: model.tab - }) - ])); -}; -var $author$project$Stateless$view = F2( - function (_v0, model) { - var msgMapper = _v0.msgMapper; - var showDialog = _v0.showDialog; - var changedSheet = _v0.changedSheet; + }()); + }, + 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 $author$project$Internal$TextInput$textInput = F2( + 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$column, - $Orasund$elm_ui_framework$Framework$Grid$section, + $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, + 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( + [ + { + 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: '' + })) + ]); + }); +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; + } +}; +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, + 'slash', + _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), + A2( + $elm$svg$Svg$line, + _List_fromArray( + [ + $elm$svg$Svg$Attributes$x1('4.93'), + $elm$svg$Svg$Attributes$y1('4.93'), + $elm$svg$Svg$Attributes$x2('19.07'), + $elm$svg$Svg$Attributes$y2('19.07') + ]), + _List_Nil) + ])); +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( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h2, - $mdgriffith$elm_ui$Element$text('Stateless Views')), + $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$slash)))), + onPress: isButtonEnabled ? $elm$core$Maybe$Just( + msgMapper( + $author$project$Example$Button$ChangedButtonStatus(false))) : $elm$core$Maybe$Nothing, + text: 'disable me' + }), A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('Stateless views are simple functions that view some content. No wiring required.'))), + $author$project$Widget$iconButton, + style.button, + { + 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( + msgMapper( + $author$project$Example$Button$ChangedButtonStatus(true))), + text: 'reset' + }) + ])); + }); +var $author$project$Example$Dialog$OpenDialog = function (a) { + return {$: 'OpenDialog', a: a}; +}; +var $feathericons$elm_feather$FeatherIcons$eye = A2( + $feathericons$elm_feather$FeatherIcons$makeBuilder, + 'eye', + _List_fromArray( + [ + A2( + $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( + [ + $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$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$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}; +}; +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, + 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$Example$TextInput$view = F3( + function (msgMapper, style, model) { + return A2( + $author$project$Widget$column, + style.column, + _List_fromArray( + [ + A2( + $author$project$Widget$textInput, + style.textInput, + { + 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, + 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)))) + ])); + }); +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$height($mdgriffith$elm_ui$Element$shrink) - ])), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Stateless$select(model)), - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Stateless$multiSelect(model)), - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Stateless$collapsable(model)), - A2( - $author$project$Stateless$scrim, - {changedSheet: changedSheet, showDialog: showDialog}, - model), - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Stateless$carousel(model)), - A2( - $mdgriffith$elm_ui$Element$map, - msgMapper, - $author$project$Stateless$tab(model)) - ])) - ])); - }); -var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id'); -var $author$project$Widget$ScrollingNav$view = F2( - function (asElement, _v0) { - var labels = _v0.labels; - 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, - _List_fromArray( - [ - $mdgriffith$elm_ui$Element$htmlAttribute( - $elm$html$Html$Attributes$id( - labels(header))), $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill) - ]), - asElement(header)); - }, - arrangement)); - }); -var $author$project$Example$view = function (model) { + ])), + 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) + }; + }, + $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$Main$viewLoaded = function (m) { + var style = $author$project$Data$Theme$toStyle(m.theme); + return 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 (_v1) { + var title = _v1.title; + var description = _v1.description; + var items = _v1.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; + var more = _v3.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( + $author$project$Widget$expansionPanel, + style.expansionPanel, + { + content: more, + icon: $mdgriffith$elm_ui$Element$none, + isExpanded: A2( + $elm$core$Maybe$withDefault, + false, + A2( + $elm$core$Maybe$map, + function (example) { + return A2($turboMaCk$any_set$Set$Any$member, example, m.expanded); + }, + $author$project$Data$Example$fromString(name))), + onToggle: $elm$core$Basics$always( + A2( + $elm$core$Maybe$withDefault, + $author$project$Main$Idle, + A2( + $elm$core$Maybe$map, + $author$project$Main$ToggledExample, + $author$project$Data$Example$fromString(name)))), + text: 'States' + }) + ])); + }, + ((m.search.current !== '') ? $elm$core$List$filter( + function (_v2) { + var a = _v2.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$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( [ @@ -17212,181 +20641,107 @@ var $author$project$Example$view = function (model) { $mdgriffith$elm_ui$Element$el, _List_Nil, $mdgriffith$elm_ui$Element$html($author$project$Icons$book)), - label: 'Docs', 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' }, { icon: A2( $mdgriffith$elm_ui$Element$el, _List_Nil, $mdgriffith$elm_ui$Element$html($author$project$Icons$github)), - label: '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)), - label: 'Placeholder', - onPress: $elm$core$Maybe$Nothing + $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)), - label: 'Placeholder', - onPress: $elm$core$Maybe$Nothing + $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)), - label: 'Placeholder', - onPress: $elm$core$Maybe$Nothing + $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) { - switch (section.$) { - case 'ComponentViews': - return A2( - $mdgriffith$elm_ui$Element$map, - $author$project$Example$ComponentSpecific, - $author$project$Component$view(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) - ])) - ])), - deviceClass: m.deviceClass, dialog: m.displayDialog ? $elm$core$Maybe$Just( - { - content: 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$centerX, $mdgriffith$elm_ui$Element$centerY]))), - _List_fromArray( - [ - A2( - $mdgriffith$elm_ui$Element$el, - $Orasund$elm_ui_framework$Framework$Heading$h3, - $mdgriffith$elm_ui$Element$text('Dialog')), - A2( - $mdgriffith$elm_ui$Element$paragraph, - _List_Nil, - $elm$core$List$singleton( - $mdgriffith$elm_ui$Element$text('This is a dialog window'))), - A2( - $mdgriffith$elm_ui$Element$Input$button, - _Utils_ap( - $Orasund$elm_ui_framework$Framework$Button$simple, - _List_fromArray( - [$mdgriffith$elm_ui$Element$alignRight])), - { - label: $mdgriffith$elm_ui$Element$text('Ok'), - onPress: $elm$core$Maybe$Just( - $author$project$Example$ToggleDialog(false)) - }) - ])), - onDismiss: $elm$core$Maybe$Just( - $author$project$Example$ToggleDialog(false)) - }) : $elm$core$Maybe$Nothing, + A2( + $author$project$Widget$dialog, + style.dialog, + { + accept: $elm$core$Maybe$Just( + { + onPress: $elm$core$Maybe$Just( + $author$project$Main$ToggleDialog(false)), + text: 'Ok' + }), + dismiss: $elm$core$Maybe$Just( + { + onPress: $elm$core$Maybe$Just( + $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, - menu: { - items: A2( - $elm$core$List$map, - function (label) { - return { - icon: $mdgriffith$elm_ui$Element$none, - label: $author$project$Data$Section$toString(label), - onPress: $elm$core$Maybe$Just( - $author$project$Example$JumpTo(label)) - }; - }, - $author$project$Data$Section$asList), - selected: A2( - $elm$core$Maybe$withDefault, - 0, - $elm$core$List$head( + menu: A2( + $author$project$Widget$ScrollingNav$toSelect, + function (_int) { + return A2( + $elm$core$Maybe$map, + $author$project$Main$JumpTo, A2( - $elm$core$List$filterMap, - function (_v2) { - var i = _v2.a; - var s = _v2.b; - return _Utils_eq( - $elm$core$Maybe$Just(s), - A2($author$project$Widget$ScrollingNav$current, $author$project$Data$Section$fromString, m.scrollingNav)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing; - }, - A2( - $elm$core$List$indexedMap, - F2( - function (i, s) { - return _Utils_Tuple2(i, s); - }), - $author$project$Data$Section$asList)))) - }, - onChangedSidebar: $author$project$Example$ChangedSidebar, - style: $author$project$Example$style, + $elm$core$Array$get, + _int, + $elm$core$Array$fromList(m.scrollingNav.arrangement))); + }, + m.scrollingNav), + onChangedSidebar: $author$project$Main$ChangedSidebar, + search: $elm$core$Maybe$Just( + {label: 'Search', onChange: $author$project$Main$ChangedSearch, text: m.search.raw}), title: A2( $mdgriffith$elm_ui$Element$el, $Orasund$elm_ui_framework$Framework$Heading$h1, - $mdgriffith$elm_ui$Element$text( - (_Utils_eq(m.deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(m.deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? A2( - $elm$core$Maybe$withDefault, - 'Elm-Ui-Widgets', - A2( - $elm$core$Maybe$map, - $author$project$Data$Section$toString, - A2($author$project$Widget$ScrollingNav$current, $author$project$Data$Section$fromString, m.scrollingNav))) : 'Elm-Ui-Widgets')) - })); + $mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')), + window: m.window + }, + $author$project$Main$viewLoaded(m))); } }; -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) { diff --git a/docs/unstable/index.html b/docs/unstable/index.html deleted file mode 100644 index cd6c28d..0000000 --- a/docs/unstable/index.html +++ /dev/null @@ -1,20657 +0,0 @@ - - - - - Main - - - - - -

-
-
-
-
-
-				});
\ No newline at end of file