diff --git a/docs/unstable/index.html b/docs/unstable/index.html
index 7346cb7..2ae3dde 100644
--- a/docs/unstable/index.html
+++ b/docs/unstable/index.html
@@ -2,7 +2,7 @@
- Example
+ Main
@@ -5241,23 +5241,23 @@ var $elm$core$Task$perform = F2(
A2($elm$core$Task$map, toMessage, task)));
});
var $elm$browser$Browser$element = _Browser_element;
-var $author$project$Example$GotViewport = function (a) {
+var $author$project$Main$GotViewport = function (a) {
return {$: 'GotViewport', a: a};
};
-var $author$project$Example$Loading = {$: 'Loading'};
+var $author$project$Main$Loading = {$: 'Loading'};
var $elm$browser$Browser$Dom$getViewport = _Browser_withWindow(_Browser_getViewport);
-var $author$project$Example$init = function (_v0) {
+var $author$project$Main$init = function (_v0) {
return _Utils_Tuple2(
- $author$project$Example$Loading,
- A2($elm$core$Task$perform, $author$project$Example$GotViewport, $elm$browser$Browser$Dom$getViewport));
+ $author$project$Main$Loading,
+ A2($elm$core$Task$perform, $author$project$Main$GotViewport, $elm$browser$Browser$Dom$getViewport));
};
-var $author$project$Example$LoadedSpecific = function (a) {
+var $author$project$Main$LoadedSpecific = function (a) {
return {$: 'LoadedSpecific', a: a};
};
-var $author$project$Example$Resized = function (a) {
+var $author$project$Main$Resized = function (a) {
return {$: 'Resized', a: a};
};
-var $author$project$Example$TimePassed = function (a) {
+var $author$project$Main$TimePassed = function (a) {
return {$: 'TimePassed', a: a};
};
var $elm$core$Basics$always = F2(
@@ -5898,10 +5898,10 @@ var $elm$browser$Browser$Events$onResize = function (func) {
A2($elm$json$Json$Decode$field, 'innerWidth', $elm$json$Json$Decode$int),
A2($elm$json$Json$Decode$field, 'innerHeight', $elm$json$Json$Decode$int))));
};
-var $author$project$Example$subscriptions = function (model) {
+var $author$project$Main$subscriptions = function (_v0) {
return A2(
$elm$core$Platform$Sub$map,
- $author$project$Example$LoadedSpecific,
+ $author$project$Main$LoadedSpecific,
$elm$core$Platform$Sub$batch(
_List_fromArray(
[
@@ -5909,119 +5909,244 @@ var $author$project$Example$subscriptions = function (model) {
$elm$time$Time$every,
50,
$elm$core$Basics$always(
- $author$project$Example$TimePassed(50))),
+ $author$project$Main$TimePassed(50))),
$elm$browser$Browser$Events$onResize(
F2(
function (h, w) {
- return $author$project$Example$Resized(
+ return $author$project$Main$Resized(
{height: h, width: w});
}))
])));
};
-var $author$project$Example$Loaded = function (a) {
+var $author$project$Main$Loaded = function (a) {
return {$: 'Loaded', a: a};
};
-var $author$project$Example$Idle = {$: 'Idle'};
-var $author$project$Example$UpdateScrollingNav = function (a) {
+var $author$project$Main$Idle = {$: 'Idle'};
+var $author$project$Data$Theme$Material = {$: 'Material'};
+var $author$project$Main$StatelessSpecific = function (a) {
+ return {$: 'StatelessSpecific', a: a};
+};
+var $author$project$Main$UpdateScrollingNav = function (a) {
return {$: 'UpdateScrollingNav', a: a};
};
-var $author$project$Data$Section$ComponentViews = {$: 'ComponentViews'};
-var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
-var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
-var $author$project$Data$Section$asList = _List_fromArray(
- [$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews, $author$project$Data$Section$ComponentViews]);
-var $author$project$Data$Section$fromString = function (string) {
+var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
+var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
+var $author$project$Data$Example$ExpansionPanelExample = {$: 'ExpansionPanelExample'};
+var $author$project$Data$Example$ListExample = {$: 'ListExample'};
+var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
+var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
+var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
+var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
+var $author$project$Data$Example$TabExample = {$: 'TabExample'};
+var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
+var $elm$core$List$sortBy = _List_sortBy;
+var $author$project$Data$Example$toString = function (example) {
+ switch (example.$) {
+ case 'ButtonExample':
+ return 'Button';
+ case 'SelectExample':
+ return 'Select';
+ case 'MultiSelectExample':
+ return 'Multi Select';
+ case 'ExpansionPanelExample':
+ return 'ExpansionPanel';
+ case 'TabExample':
+ return 'Tab';
+ case 'SortTableExample':
+ return 'SortTable';
+ case 'ModalExample':
+ return 'Modal';
+ case 'DialogExample':
+ return 'Dialog';
+ case 'TextInputExample':
+ return 'TextInput';
+ default:
+ return 'List';
+ }
+};
+var $author$project$Data$Example$asList = A2(
+ $elm$core$List$sortBy,
+ $author$project$Data$Example$toString,
+ _List_fromArray(
+ [$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$ExpansionPanelExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample]));
+var $elm$core$Platform$Cmd$batch = _Platform_batch;
+var $author$project$Data$Example$fromString = function (string) {
switch (string) {
- case 'Component':
- return $elm$core$Maybe$Just($author$project$Data$Section$ComponentViews);
- case 'Reusable':
- return $elm$core$Maybe$Just($author$project$Data$Section$ReusableViews);
- case 'Stateless':
- return $elm$core$Maybe$Just($author$project$Data$Section$StatelessViews);
+ case 'Button':
+ return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
+ case 'Select':
+ return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
+ case 'Multi Select':
+ return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
+ case 'ExpansionPanel':
+ return $elm$core$Maybe$Just($author$project$Data$Example$ExpansionPanelExample);
+ case 'Tab':
+ return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
+ case 'SortTable':
+ return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
+ case 'Modal':
+ return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
+ case 'Dialog':
+ return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
+ case 'TextInput':
+ return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
+ case 'List':
+ return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
default:
return $elm$core$Maybe$Nothing;
}
};
+var $author$project$Stateless$ExampleSpecific = function (a) {
+ return {$: 'ExampleSpecific', a: a};
+};
+var $author$project$Data$Example$Button = function (a) {
+ return {$: 'Button', a: a};
+};
+var $author$project$Data$Example$Dialog = function (a) {
+ return {$: 'Dialog', a: a};
+};
+var $author$project$Data$Example$ExpansionPanel = function (a) {
+ return {$: 'ExpansionPanel', a: a};
+};
+var $author$project$Data$Example$List = function (a) {
+ return {$: 'List', a: a};
+};
+var $author$project$Data$Example$Modal = function (a) {
+ return {$: 'Modal', a: a};
+};
+var $author$project$Data$Example$MultiSelect = function (a) {
+ return {$: 'MultiSelect', a: a};
+};
+var $author$project$Data$Example$Select = function (a) {
+ return {$: 'Select', a: a};
+};
+var $author$project$Data$Example$SortTable = function (a) {
+ return {$: 'SortTable', a: a};
+};
+var $author$project$Data$Example$Tab = function (a) {
+ return {$: 'Tab', a: a};
+};
+var $author$project$Data$Example$TextInput = function (a) {
+ return {$: 'TextInput', a: a};
+};
+var $author$project$Example$Button$IsButtonEnabled = function (a) {
+ return {$: 'IsButtonEnabled', a: a};
+};
+var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
+var $author$project$Example$Button$init = _Utils_Tuple2(
+ $author$project$Example$Button$IsButtonEnabled(true),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$Dialog$IsOpen = function (a) {
+ return {$: 'IsOpen', a: a};
+};
+var $author$project$Example$Dialog$init = _Utils_Tuple2(
+ $author$project$Example$Dialog$IsOpen(true),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$ExpansionPanel$IsExpanded = function (a) {
+ return {$: 'IsExpanded', a: a};
+};
+var $author$project$Example$ExpansionPanel$init = _Utils_Tuple2(
+ $author$project$Example$ExpansionPanel$IsExpanded(false),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$List$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$Modal$IsEnabled = function (a) {
+ return {$: 'IsEnabled', a: a};
+};
+var $author$project$Example$Modal$init = _Utils_Tuple2(
+ $author$project$Example$Modal$IsEnabled(true),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$MultiSelect$Selected = function (a) {
+ return {$: 'Selected', a: a};
+};
var $elm$core$Set$Set_elm_builtin = function (a) {
return {$: 'Set_elm_builtin', a: a};
};
var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
-var $elm$core$Set$insert = F2(
- function (key, _v0) {
- var dict = _v0.a;
- return $elm$core$Set$Set_elm_builtin(
- A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
- });
-var $elm$core$Set$fromList = function (list) {
- return A3($elm$core$List$foldl, $elm$core$Set$insert, $elm$core$Set$empty, list);
+var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
+ $author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$Select$Selected = function (a) {
+ return {$: 'Selected', a: a};
};
-var $author$project$Widget$FilterMultiSelect$init = function (options) {
- return {options: options, raw: '', selected: $elm$core$Set$empty};
+var $author$project$Example$Select$init = _Utils_Tuple2(
+ $author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$SortTable$init = _Utils_Tuple2(
+ {asc: true, title: 'Name'},
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$Tab$Selected = function (a) {
+ return {$: 'Selected', a: a};
};
-var $author$project$Widget$FilterSelect$init = function (options) {
- return {options: options, raw: '', selected: $elm$core$Maybe$Nothing};
-};
-var $author$project$Widget$ValidatedInput$Model = function (a) {
- return {$: 'Model', a: a};
-};
-var $author$project$Widget$ValidatedInput$init = function (_v0) {
- var validator = _v0.validator;
- var toString = _v0.toString;
- var value = _v0.value;
- return $author$project$Widget$ValidatedInput$Model(
- {err: $elm$core$Maybe$Nothing, raw: $elm$core$Maybe$Nothing, toString: toString, validator: validator, value: value});
-};
-var $author$project$Component$init = {
- filterMultiSelect: $author$project$Widget$FilterMultiSelect$init(
- $elm$core$Set$fromList(
+var $author$project$Example$Tab$init = _Utils_Tuple2(
+ $author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
+ $elm$core$Platform$Cmd$none);
+var $author$project$Example$TextInput$init = _Utils_Tuple2(
+ {chipTextInput: $elm$core$Set$empty, textInput: ''},
+ $elm$core$Platform$Cmd$none);
+var $elm$core$Platform$Cmd$map = _Platform_map;
+var $author$project$Data$Example$init = function () {
+ var _v0 = $author$project$Example$TextInput$init;
+ var textInputModel = _v0.a;
+ var textInputMsg = _v0.b;
+ var _v1 = $author$project$Example$Tab$init;
+ var tabModel = _v1.a;
+ var tabMsg = _v1.b;
+ var _v2 = $author$project$Example$SortTable$init;
+ var sortTableModel = _v2.a;
+ var sortTableMsg = _v2.b;
+ var _v3 = $author$project$Example$Select$init;
+ var selectModel = _v3.a;
+ var selectMsg = _v3.b;
+ var _v4 = $author$project$Example$MultiSelect$init;
+ var multiSelectModel = _v4.a;
+ var multiSelectMsg = _v4.b;
+ var _v5 = $author$project$Example$Modal$init;
+ var modalModel = _v5.a;
+ var modalMsg = _v5.b;
+ var _v6 = $author$project$Example$List$init;
+ var listModel = _v6.a;
+ var listMsg = _v6.b;
+ var _v7 = $author$project$Example$ExpansionPanel$init;
+ var expansionPanelModel = _v7.a;
+ var expansionPanelMsg = _v7.b;
+ var _v8 = $author$project$Example$Dialog$init;
+ var dialogModel = _v8.a;
+ var dialogMsg = _v8.b;
+ var _v9 = $author$project$Example$Button$init;
+ var buttonModel = _v9.a;
+ var buttonMsg = _v9.b;
+ return _Utils_Tuple2(
+ {button: buttonModel, dialog: dialogModel, expansionPanel: expansionPanelModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, select: selectModel, sortTable: sortTableModel, tab: tabModel, textInput: textInputModel},
+ $elm$core$Platform$Cmd$batch(
_List_fromArray(
- ['Apple', 'Kiwi', 'Strawberry', 'Pineapple', 'Mango', 'Grapes', 'Watermelon', 'Orange', 'Lemon', 'Blueberry', 'Grapefruit', 'Coconut', 'Cherry', 'Banana']))),
- filterSelect: $author$project$Widget$FilterSelect$init(
- $elm$core$Set$fromList(
- _List_fromArray(
- ['Apple', 'Kiwi', 'Strawberry', 'Pineapple', 'Mango', 'Grapes', 'Watermelon', 'Orange', 'Lemon', 'Blueberry', 'Grapefruit', 'Coconut', 'Cherry', 'Banana']))),
- validatedInput: $author$project$Widget$ValidatedInput$init(
- {
- toString: function (_v0) {
- var first = _v0.a;
- var second = _v0.b;
- return first + (' ' + second);
- },
- validator: function (string) {
- var _v1 = A2($elm$core$String$split, ' ', string);
- if ((_v1.b && _v1.b.b) && (!_v1.b.b.b)) {
- var first = _v1.a;
- var _v2 = _v1.b;
- var second = _v2.a;
- return $elm$core$Result$Ok(
- _Utils_Tuple2(first, second));
- } else {
- return $elm$core$Result$Err(_Utils_Tuple0);
- }
- },
- value: _Utils_Tuple2('John', 'Doe')
- })
-};
+ [
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ExpansionPanel, expansionPanelMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
+ A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg)
+ ])));
+}();
+var $author$project$Stateless$init = function () {
+ var _v0 = $author$project$Data$Example$init;
+ var example = _v0.a;
+ var cmd = _v0.b;
+ return _Utils_Tuple2(
+ {carousel: 0, example: example},
+ A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
+}();
var $turboMaCk$queue$Queue$Queue = F2(
function (a, b) {
return {$: 'Queue', a: a, b: b};
});
var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
-var $author$project$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init};
-var $author$project$Widget$SortTable$sortBy = $elm$core$Basics$identity;
-var $author$project$Reusable$init = $author$project$Widget$SortTable$sortBy(
- {asc: true, title: 'Name'});
-var $author$project$Stateless$init = {
- button: true,
- carousel: 0,
- chipTextInput: $elm$core$Set$empty,
- isCollapsed: false,
- multiSelected: $elm$core$Set$empty,
- selected: $elm$core$Maybe$Nothing,
- tab: $elm$core$Maybe$Just(1),
- textInput: ''
-};
+var $author$project$Widget$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init};
var $elm$core$Task$onError = _Scheduler_onError;
var $elm$core$Task$attempt = F2(
function (resultToMessage, task) {
@@ -6256,51 +6381,47 @@ var $author$project$Widget$ScrollingNav$init = function (_v0) {
}(
{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
};
-var $author$project$Data$Section$toString = function (section) {
- switch (section.$) {
- case 'ComponentViews':
- return 'Component';
- case 'ReusableViews':
- return 'Reusable';
- default:
- return 'Stateless';
- }
-};
-var $author$project$Example$initialModel = function (_v0) {
+var $author$project$Main$initialModel = function (_v0) {
var viewport = _v0.viewport;
- var _v1 = $author$project$Widget$ScrollingNav$init(
+ var _v1 = $author$project$Stateless$init;
+ var stateless = _v1.a;
+ var statelessCmd = _v1.b;
+ var _v2 = $author$project$Widget$ScrollingNav$init(
{
- arrangement: $author$project$Data$Section$asList,
- fromString: $author$project$Data$Section$fromString,
+ arrangement: $author$project$Data$Example$asList,
+ fromString: $author$project$Data$Example$fromString,
toMsg: function (result) {
if (result.$ === 'Ok') {
var fun = result.a;
- return $author$project$Example$UpdateScrollingNav(fun);
+ return $author$project$Main$UpdateScrollingNav(fun);
} else {
- return $author$project$Example$Idle;
+ return $author$project$Main$Idle;
}
},
- toString: $author$project$Data$Section$toString
+ toString: $author$project$Data$Example$toString
});
- var scrollingNav = _v1.a;
- var cmd = _v1.b;
+ var scrollingNav = _v2.a;
+ var cmd = _v2.b;
return _Utils_Tuple2(
{
- component: $author$project$Component$init,
displayDialog: false,
- layout: $author$project$Layout$init,
- reusable: $author$project$Reusable$init,
+ layout: $author$project$Widget$Layout$init,
scrollingNav: scrollingNav,
search: {current: '', raw: '', remaining: 0},
- stateless: $author$project$Stateless$init,
+ stateless: stateless,
+ theme: $author$project$Data$Theme$Material,
window: {
height: $elm$core$Basics$round(viewport.height),
width: $elm$core$Basics$round(viewport.width)
}
},
- cmd);
+ $elm$core$Platform$Cmd$batch(
+ _List_fromArray(
+ [
+ cmd,
+ A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
+ ])));
};
-var $elm$core$Platform$Cmd$map = _Platform_map;
var $elm$core$Tuple$mapBoth = F3(
function (funcA, funcB, _v0) {
var x = _v0.a;
@@ -6309,18 +6430,10 @@ var $elm$core$Tuple$mapBoth = F3(
funcA(x),
funcB(y));
});
-var $elm$core$Platform$Cmd$batch = _Platform_batch;
-var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
-var $author$project$Example$AddSnackbar = function (a) {
+var $author$project$Main$AddSnackbar = function (a) {
return {$: 'AddSnackbar', a: a};
};
-var $author$project$Example$ComponentSpecific = function (a) {
- return {$: 'ComponentSpecific', a: a};
-};
-var $author$project$Example$StatelessSpecific = function (a) {
- return {$: 'StatelessSpecific', a: a};
-};
-var $author$project$Layout$activate = F2(
+var $author$project$Widget$Layout$activate = F2(
function (part, layout) {
return _Utils_update(
layout,
@@ -6398,7 +6511,7 @@ var $author$project$Widget$Snackbar$insertFor = F3(
}
});
var $author$project$Widget$Snackbar$insert = $author$project$Widget$Snackbar$insertFor(10000);
-var $author$project$Layout$queueMessage = F2(
+var $author$project$Widget$Layout$queueMessage = F2(
function (message, layout) {
return _Utils_update(
layout,
@@ -6468,7 +6581,7 @@ var $author$project$Widget$Snackbar$timePassed = F2(
});
}
});
-var $author$project$Layout$timePassed = F2(
+var $author$project$Widget$Layout$timePassed = F2(
function (sec, layout) {
var _v0 = layout.active;
_v0$2:
@@ -6494,6 +6607,75 @@ var $author$project$Layout$timePassed = F2(
snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar)
});
});
+var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
+var $author$project$Example$Button$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Dialog$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$ExpansionPanel$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$List$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Modal$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Select$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$SortTable$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Tab$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$TextInput$subscriptions = function (_v0) {
+ return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Button$update = F2(
+ function (msg, _v0) {
+ var bool = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$Button$IsButtonEnabled(bool),
+ $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$Dialog$update = F2(
+ function (msg, _v0) {
+ var bool = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$Dialog$IsOpen(bool),
+ $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$ExpansionPanel$update = F2(
+ function (msg, _v0) {
+ var bool = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$ExpansionPanel$IsExpanded(bool),
+ $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$List$update = F2(
+ function (_v0, _v1) {
+ return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$Modal$update = F2(
+ function (msg, _v0) {
+ var bool = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$Modal$IsEnabled(bool),
+ $elm$core$Platform$Cmd$none);
+ });
+var $elm$core$Set$insert = F2(
+ function (key, _v0) {
+ var dict = _v0.a;
+ return $elm$core$Set$Set_elm_builtin(
+ A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
+ });
var $elm$core$Dict$member = F2(
function (key, dict) {
var _v0 = A2($elm$core$Dict$get, key, dict);
@@ -6876,232 +7058,326 @@ var $elm$core$Set$remove = F2(
return $elm$core$Set$Set_elm_builtin(
A2($elm$core$Dict$remove, key, dict));
});
-var $author$project$Widget$FilterMultiSelect$update = F2(
- function (msg, model) {
- if (msg.$ === 'ChangedRaw') {
- var string = msg.a;
- return _Utils_update(
- model,
- {raw: string});
- } else {
- var string = msg.a;
- return A2($elm$core$Set$member, string, model.selected) ? _Utils_update(
- model,
- {
- selected: A2($elm$core$Set$remove, string, model.selected)
- }) : _Utils_update(
- model,
- {
- raw: '',
- selected: A2($elm$core$Set$insert, string, model.selected)
- });
- }
+var $author$project$Example$MultiSelect$update = F2(
+ function (msg, _v0) {
+ var selected = _v0.a;
+ var _int = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$MultiSelect$Selected(
+ (A2($elm$core$Set$member, _int, selected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(selected)),
+ $elm$core$Platform$Cmd$none);
});
-var $author$project$Widget$FilterSelect$update = F2(
+var $author$project$Example$Select$update = F2(
+ function (msg, _v0) {
+ var _int = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$Select$Selected(
+ $elm$core$Maybe$Just(_int)),
+ $elm$core$Platform$Cmd$none);
+ });
+var $elm$core$Basics$not = _Basics_not;
+var $author$project$Example$SortTable$update = F2(
function (msg, model) {
- if (msg.$ === 'ChangedRaw') {
+ var string = msg.a;
+ return _Utils_Tuple2(
+ {
+ asc: _Utils_eq(model.title, string) ? (!model.asc) : true,
+ title: string
+ },
+ $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$Tab$update = F2(
+ function (msg, _v0) {
+ var _int = msg.a;
+ return _Utils_Tuple2(
+ $author$project$Example$Tab$Selected(
+ $elm$core$Maybe$Just(_int)),
+ $elm$core$Platform$Cmd$none);
+ });
+var $author$project$Example$TextInput$update = F2(
+ function (msg, model) {
+ if (msg.$ === 'ToggleTextInputChip') {
var string = msg.a;
- return _Utils_update(
- model,
- {raw: string});
- } else {
- var maybe = msg.a;
- return function () {
- if (maybe.$ === 'Just') {
- var string = maybe.a;
- return function (m) {
- return _Utils_update(
- m,
- {raw: string});
- };
- } else {
- return $elm$core$Basics$identity;
- }
- }()(
+ return _Utils_Tuple2(
_Utils_update(
model,
- {selected: maybe}));
+ {
+ chipTextInput: (A2($elm$core$Set$member, string, model.chipTextInput) ? $elm$core$Set$remove(string) : $elm$core$Set$insert(string))(model.chipTextInput)
+ }),
+ $elm$core$Platform$Cmd$none);
+ } else {
+ var string = msg.a;
+ return _Utils_Tuple2(
+ _Utils_update(
+ model,
+ {textInput: string}),
+ $elm$core$Platform$Cmd$none);
}
});
-var $author$project$Widget$ValidatedInput$update = F2(
- function (msg, _v0) {
- var model = _v0.a;
- switch (msg.$) {
- case 'StartEditing':
- return $author$project$Widget$ValidatedInput$Model(
- _Utils_update(
- model,
- {
- raw: $elm$core$Maybe$Just(
- model.toString(model.value))
- }));
- case 'ChangedRaw':
- var string = msg.a;
- return $author$project$Widget$ValidatedInput$Model(
- _Utils_update(
- model,
- {
- err: $elm$core$Maybe$Nothing,
- raw: $elm$core$Maybe$Just(string)
- }));
- default:
- var _v2 = model.raw;
- if (_v2.$ === 'Just') {
- var string = _v2.a;
- var _v3 = model.validator(string);
- if (_v3.$ === 'Ok') {
- var value = _v3.a;
- return $author$project$Widget$ValidatedInput$Model(
- _Utils_update(
- model,
- {err: $elm$core$Maybe$Nothing, raw: $elm$core$Maybe$Nothing, value: value}));
- } else {
- var err = _v3.a;
- return $author$project$Widget$ValidatedInput$Model(
- _Utils_update(
- model,
- {
- err: $elm$core$Maybe$Just(err),
- raw: $elm$core$Maybe$Nothing
- }));
- }
- } else {
- return $author$project$Widget$ValidatedInput$Model(model);
- }
- }
+var $author$project$Data$Example$upgradeRecord = {
+ button: {
+ from: function ($) {
+ return $.button;
+ },
+ msgMapper: $author$project$Data$Example$Button,
+ subscriptionsFun: $author$project$Example$Button$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {button: a});
+ }),
+ updateFun: $author$project$Example$Button$update
+ },
+ dialog: {
+ from: function ($) {
+ return $.dialog;
+ },
+ msgMapper: $author$project$Data$Example$Dialog,
+ subscriptionsFun: $author$project$Example$Dialog$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {dialog: a});
+ }),
+ updateFun: $author$project$Example$Dialog$update
+ },
+ expansionPanel: {
+ from: function ($) {
+ return $.expansionPanel;
+ },
+ msgMapper: $author$project$Data$Example$ExpansionPanel,
+ subscriptionsFun: $author$project$Example$ExpansionPanel$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {expansionPanel: a});
+ }),
+ updateFun: $author$project$Example$ExpansionPanel$update
+ },
+ list: {
+ from: function ($) {
+ return $.list;
+ },
+ msgMapper: $author$project$Data$Example$List,
+ subscriptionsFun: $author$project$Example$List$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {list: a});
+ }),
+ updateFun: $author$project$Example$List$update
+ },
+ modal: {
+ from: function ($) {
+ return $.modal;
+ },
+ msgMapper: $author$project$Data$Example$Modal,
+ subscriptionsFun: $author$project$Example$Modal$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {modal: a});
+ }),
+ updateFun: $author$project$Example$Modal$update
+ },
+ multiSelect: {
+ from: function ($) {
+ return $.multiSelect;
+ },
+ msgMapper: $author$project$Data$Example$MultiSelect,
+ subscriptionsFun: $author$project$Example$MultiSelect$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {multiSelect: a});
+ }),
+ updateFun: $author$project$Example$MultiSelect$update
+ },
+ select: {
+ from: function ($) {
+ return $.select;
+ },
+ msgMapper: $author$project$Data$Example$Select,
+ subscriptionsFun: $author$project$Example$Select$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {select: a});
+ }),
+ updateFun: $author$project$Example$Select$update
+ },
+ sortTable: {
+ from: function ($) {
+ return $.sortTable;
+ },
+ msgMapper: $author$project$Data$Example$SortTable,
+ subscriptionsFun: $author$project$Example$SortTable$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {sortTable: a});
+ }),
+ updateFun: $author$project$Example$SortTable$update
+ },
+ tab: {
+ from: function ($) {
+ return $.tab;
+ },
+ msgMapper: $author$project$Data$Example$Tab,
+ subscriptionsFun: $author$project$Example$Tab$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {tab: a});
+ }),
+ updateFun: $author$project$Example$Tab$update
+ },
+ textInput: {
+ from: function ($) {
+ return $.textInput;
+ },
+ msgMapper: $author$project$Data$Example$TextInput,
+ subscriptionsFun: $author$project$Example$TextInput$subscriptions,
+ to: F2(
+ function (model, a) {
+ return _Utils_update(
+ model,
+ {textInput: a});
+ }),
+ updateFun: $author$project$Example$TextInput$update
+ }
+};
+var $author$project$Data$Example$updateField = F3(
+ function (getter, msg, model) {
+ var _v0 = getter($author$project$Data$Example$upgradeRecord);
+ var from = _v0.from;
+ var to = _v0.to;
+ var msgMapper = _v0.msgMapper;
+ var updateFun = _v0.updateFun;
+ return A3(
+ $elm$core$Tuple$mapBoth,
+ to(model),
+ $elm$core$Platform$Cmd$map(msgMapper),
+ A2(
+ updateFun,
+ msg,
+ from(model)));
});
-var $author$project$Component$update = F2(
+var $author$project$Data$Example$update = F2(
function (msg, model) {
- switch (msg.$) {
- case 'FilterSelectSpecific':
- var m = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- filterSelect: A2($author$project$Widget$FilterSelect$update, m, model.filterSelect)
- }),
- $elm$core$Platform$Cmd$none);
- case 'FilterMultiSelectSpecific':
- var m = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- filterMultiSelect: A2($author$project$Widget$FilterMultiSelect$update, m, model.filterMultiSelect)
- }),
- $elm$core$Platform$Cmd$none);
- default:
- var m = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- validatedInput: A2($author$project$Widget$ValidatedInput$update, m, model.validatedInput)
- }),
- $elm$core$Platform$Cmd$none);
- }
- });
-var $author$project$Reusable$update = F2(
- function (msg, model) {
- var m = msg.a;
- return m;
+ return function () {
+ switch (msg.$) {
+ case 'Button':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.button;
+ },
+ m);
+ case 'Select':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.select;
+ },
+ m);
+ case 'MultiSelect':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.multiSelect;
+ },
+ m);
+ case 'ExpansionPanel':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.expansionPanel;
+ },
+ m);
+ case 'Tab':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.tab;
+ },
+ m);
+ case 'SortTable':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.sortTable;
+ },
+ m);
+ case 'Modal':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.modal;
+ },
+ m);
+ case 'Dialog':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.dialog;
+ },
+ m);
+ case 'TextInput':
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.textInput;
+ },
+ m);
+ default:
+ var m = msg.a;
+ return A2(
+ $author$project$Data$Example$updateField,
+ function ($) {
+ return $.list;
+ },
+ m);
+ }
+ }()(model);
});
var $author$project$Stateless$update = F2(
function (msg, model) {
- switch (msg.$) {
- case 'ChangedSelected':
- var _int = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- selected: $elm$core$Maybe$Just(_int)
- }),
- $elm$core$Platform$Cmd$none);
- case 'ChangedMultiSelected':
- var _int = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- multiSelected: (A2($elm$core$Set$member, _int, model.multiSelected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(model.multiSelected)
- }),
- $elm$core$Platform$Cmd$none);
- case 'ToggleCollapsable':
- var bool = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {isCollapsed: bool}),
- $elm$core$Platform$Cmd$none);
- case 'ToggleTextInputChip':
- var string = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- chipTextInput: (A2($elm$core$Set$member, string, model.chipTextInput) ? $elm$core$Set$remove(string) : $elm$core$Set$insert(string))(model.chipTextInput)
- }),
- $elm$core$Platform$Cmd$none);
- case 'SetCarousel':
- var _int = msg.a;
- return _Utils_Tuple2(
- ((_int < 0) || (_int > 3)) ? model : _Utils_update(
- model,
- {carousel: _int}),
- $elm$core$Platform$Cmd$none);
- case 'ChangedTab':
- var _int = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {
- tab: $elm$core$Maybe$Just(_int)
- }),
- $elm$core$Platform$Cmd$none);
- case 'ToggleButton':
- var bool = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {button: bool}),
- $elm$core$Platform$Cmd$none);
- case 'SetTextInput':
- var string = msg.a;
- return _Utils_Tuple2(
- _Utils_update(
- model,
- {textInput: string}),
- $elm$core$Platform$Cmd$none);
- default:
- return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
+ if (msg.$ === 'ExampleSpecific') {
+ var exampleMsg = msg.a;
+ var _v1 = A2($author$project$Data$Example$update, exampleMsg, model.example);
+ var exampleModel = _v1.a;
+ var exampleCmd = _v1.b;
+ return _Utils_Tuple2(
+ _Utils_update(
+ model,
+ {example: exampleModel}),
+ A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, exampleCmd));
+ } else {
+ return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
}
});
-var $author$project$Example$updateLoaded = F2(
+var $author$project$Main$updateLoaded = F2(
function (msg, model) {
switch (msg.$) {
- case 'ComponentSpecific':
- var m = msg.a;
- return A3(
- $elm$core$Tuple$mapBoth,
- function (component) {
- return _Utils_update(
- model,
- {component: component});
- },
- $elm$core$Platform$Cmd$map($author$project$Example$ComponentSpecific),
- A2($author$project$Component$update, m, model.component));
- case 'ReusableSpecific':
- var m = msg.a;
- return _Utils_Tuple2(
- function (reusable) {
- return _Utils_update(
- model,
- {reusable: reusable});
- }(
- A2($author$project$Reusable$update, m, model.reusable)),
- $elm$core$Platform$Cmd$none);
case 'StatelessSpecific':
var m = msg.a;
return A3(
@@ -7111,7 +7387,7 @@ var $author$project$Example$updateLoaded = F2(
model,
{stateless: stateless});
},
- $elm$core$Platform$Cmd$map($author$project$Example$StatelessSpecific),
+ $elm$core$Platform$Cmd$map($author$project$Main$StatelessSpecific),
A2($author$project$Stateless$update, m, model.stateless));
case 'UpdateScrollingNav':
var fun = msg.a;
@@ -7129,14 +7405,14 @@ var $author$project$Example$updateLoaded = F2(
_Utils_update(
model,
{
- layout: A2($author$project$Layout$timePassed, _int, model.layout),
+ layout: A2($author$project$Widget$Layout$timePassed, _int, model.layout),
search: (search.remaining > 0) ? ((_Utils_cmp(search.remaining, _int) < 1) ? _Utils_update(
search,
{current: search.raw, remaining: 0}) : _Utils_update(
search,
{remaining: search.remaining - _int})) : model.search
}),
- A2($elm$core$Task$perform, $author$project$Example$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos));
+ A2($elm$core$Task$perform, $author$project$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos));
case 'AddSnackbar':
var _v1 = msg.a;
var string = _v1.a;
@@ -7146,12 +7422,12 @@ var $author$project$Example$updateLoaded = F2(
model,
{
layout: A2(
- $author$project$Layout$queueMessage,
+ $author$project$Widget$Layout$queueMessage,
{
button: bool ? $elm$core$Maybe$Just(
{
onPress: $elm$core$Maybe$Just(
- $author$project$Example$AddSnackbar(
+ $author$project$Main$AddSnackbar(
_Utils_Tuple2('This is another message', false))),
text: 'Add'
}) : $elm$core$Maybe$Nothing,
@@ -7180,7 +7456,7 @@ var $author$project$Example$updateLoaded = F2(
_Utils_update(
model,
{
- layout: A2($author$project$Layout$activate, sidebar, model.layout)
+ layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout)
}),
$elm$core$Platform$Cmd$none);
case 'Load':
@@ -7195,7 +7471,7 @@ var $author$project$Example$updateLoaded = F2(
A2(
$author$project$Widget$ScrollingNav$jumpTo,
{
- onChange: $elm$core$Basics$always($author$project$Example$Idle),
+ onChange: $elm$core$Basics$always($author$project$Main$Idle),
section: section
},
model.scrollingNav));
@@ -7211,11 +7487,18 @@ var $author$project$Example$updateLoaded = F2(
{raw: string, remaining: 300})
}),
$elm$core$Platform$Cmd$none);
+ case 'SetTheme':
+ var theme = msg.a;
+ return _Utils_Tuple2(
+ _Utils_update(
+ model,
+ {theme: theme}),
+ $elm$core$Platform$Cmd$none);
default:
return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
}
});
-var $author$project$Example$update = F2(
+var $author$project$Main$update = F2(
function (msg, model) {
var _v0 = _Utils_Tuple2(model, msg);
_v0$2:
@@ -7226,9 +7509,9 @@ var $author$project$Example$update = F2(
var viewport = _v0.b.a;
return A3(
$elm$core$Tuple$mapBoth,
- $author$project$Example$Loaded,
- $elm$core$Platform$Cmd$map($author$project$Example$LoadedSpecific),
- $author$project$Example$initialModel(viewport));
+ $author$project$Main$Loaded,
+ $elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific),
+ $author$project$Main$initialModel(viewport));
} else {
break _v0$2;
}
@@ -7238,9 +7521,9 @@ var $author$project$Example$update = F2(
var m = _v0.b.a;
return A3(
$elm$core$Tuple$mapBoth,
- $author$project$Example$Loaded,
- $elm$core$Platform$Cmd$map($author$project$Example$LoadedSpecific),
- A2($author$project$Example$updateLoaded, m, state));
+ $author$project$Main$Loaded,
+ $elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific),
+ A2($author$project$Main$updateLoaded, m, state));
} else {
break _v0$2;
}
@@ -7248,22 +7531,27 @@ var $author$project$Example$update = F2(
}
return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
});
-var $author$project$Example$ChangedSearch = function (a) {
+var $author$project$Main$ChangedSearch = function (a) {
return {$: 'ChangedSearch', a: a};
};
-var $author$project$Example$ChangedSidebar = function (a) {
+var $author$project$Main$ChangedSidebar = function (a) {
return {$: 'ChangedSidebar', a: a};
};
-var $author$project$Example$JumpTo = function (a) {
+var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
+var $author$project$Data$Theme$ElmUiFramework = {$: 'ElmUiFramework'};
+var $author$project$Main$JumpTo = function (a) {
return {$: 'JumpTo', a: a};
};
-var $author$project$Example$Load = function (a) {
+var $author$project$Main$Load = function (a) {
return {$: 'Load', a: a};
};
-var $author$project$Example$ReusableSpecific = function (a) {
- return {$: 'ReusableSpecific', a: a};
+var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
+var $author$project$Main$SetTheme = function (a) {
+ return {$: 'SetTheme', a: a};
};
-var $author$project$Example$ToggleDialog = function (a) {
+var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
+var $author$project$Data$Theme$Template = {$: 'Template'};
+var $author$project$Main$ToggleDialog = function (a) {
return {$: 'ToggleDialog', a: a};
};
var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
@@ -7319,25 +7607,6 @@ var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
};
var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
-var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
-var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
-var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
-var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
-var $author$project$Icons$circle = A2(
- $author$project$Icons$svgFeatherIcon,
- 'circle',
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$circle,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$cx('12'),
- $elm$svg$Svg$Attributes$cy('12'),
- $elm$svg$Svg$Attributes$r('10')
- ]),
- _List_Nil)
- ]));
var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) {
return {$: 'Unkeyed', a: a};
};
@@ -10890,7 +11159,6 @@ var $elm$virtual_dom$VirtualDom$keyedNode = function (tag) {
return _VirtualDom_keyedNode(
_VirtualDom_noScript(tag));
};
-var $elm$core$Basics$not = _Basics_not;
var $elm$html$Html$p = _VirtualDom_node('p');
var $mdgriffith$elm_ui$Internal$Flag$present = F2(
function (myFlag, _v0) {
@@ -12707,6 +12975,44 @@ var $mdgriffith$elm_ui$Element$column = F2(
attrs))),
$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
});
+var $mdgriffith$elm_ui$Element$el = F2(
+ function (attrs, child) {
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+ attrs)),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [child])));
+ });
+var $author$project$Internal$List$internal = F2(
+ function (style, list) {
+ return A2(
+ $elm$core$List$indexedMap,
+ function (i) {
+ return $mdgriffith$elm_ui$Element$el(
+ _Utils_ap(
+ style.element,
+ ($elm$core$List$length(list) === 1) ? _List_Nil : ((!i) ? style.ifFirst : (_Utils_eq(
+ i,
+ $elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
+ },
+ list);
+ });
+var $author$project$Internal$List$column = function (style) {
+ return A2(
+ $elm$core$Basics$composeR,
+ $author$project$Internal$List$internal(style),
+ $mdgriffith$elm_ui$Element$column(style.containerColumn));
+};
+var $author$project$Widget$column = $author$project$Internal$List$column;
var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
return {$: 'AlignY', a: a};
};
@@ -12800,6 +13106,7 @@ var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
]);
var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
+<<<<<<< HEAD
var $mdgriffith$elm_ui$Element$el = F2(
function (attrs, child) {
return A4(
@@ -12819,6 +13126,125 @@ var $mdgriffith$elm_ui$Element$el = F2(
});
var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
+=======
+var $mdgriffith$elm_ui$Internal$Model$Class = F2(
+ function (a, b) {
+ return {$: 'Class', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
+var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
+var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
+var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
+ function (a, b) {
+ return {$: 'Nearby', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
+var $mdgriffith$elm_ui$Element$createNearby = F2(
+ function (loc, element) {
+ if (element.$ === 'Empty') {
+ return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
+ } else {
+ return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
+ }
+ });
+var $mdgriffith$elm_ui$Element$inFront = function (element) {
+ return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
+};
+var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
+var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
+var $elm$virtual_dom$VirtualDom$Normal = function (a) {
+ return {$: 'Normal', a: a};
+};
+var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
+var $elm$html$Html$Events$on = F2(
+ function (event, decoder) {
+ return A2(
+ $elm$virtual_dom$VirtualDom$on,
+ event,
+ $elm$virtual_dom$VirtualDom$Normal(decoder));
+ });
+var $elm$html$Html$Events$onClick = function (msg) {
+ return A2(
+ $elm$html$Html$Events$on,
+ 'click',
+ $elm$json$Json$Decode$succeed(msg));
+};
+var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
+var $mdgriffith$elm_ui$Element$rgba255 = F4(
+ function (red, green, blue, a) {
+ return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
+ });
+var $elm$core$List$singleton = function (value) {
+ return _List_fromArray(
+ [value]);
+};
+var $author$project$Internal$Dialog$modal = function (_v0) {
+ var onDismiss = _v0.onDismiss;
+ var content = _v0.content;
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$inFront(
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$Background$color(
+ A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
+ ]),
+ A2(
+ $elm$core$Maybe$withDefault,
+ _List_Nil,
+ A2(
+ $elm$core$Maybe$map,
+ A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
+ onDismiss))),
+ $mdgriffith$elm_ui$Element$none)),
+ $mdgriffith$elm_ui$Element$inFront(content),
+ $mdgriffith$elm_ui$Element$clip
+ ]);
+};
+var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
+var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
+ function (a, b, c) {
+ return {$: 'SpacingStyle', a: a, b: b, c: c};
+ });
+var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
+var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
+ function (x, y) {
+ return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
+ });
+var $mdgriffith$elm_ui$Element$spacing = function (x) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$spacing,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$SpacingStyle,
+ A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
+ x,
+ x));
+};
+var $mdgriffith$elm_ui$Element$paragraph = F2(
+ function (attrs, children) {
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asParagraph,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$spacing(5),
+ attrs))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+ });
+>>>>>>> cc2ca06... finishing the material design
var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
var $mdgriffith$elm_ui$Element$row = F2(
@@ -13032,15 +13458,18 @@ var $author$project$Widget$Button$view = F2(
$mdgriffith$elm_ui$Element$Input$button,
_Utils_ap(
style.container,
- _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.disabled : _List_Nil),
+ _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
{
label: A2(
$mdgriffith$elm_ui$Element$row,
- style.label,
+ style.labelRow,
_List_fromArray(
[
A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon),
- $mdgriffith$elm_ui$Element$text(text)
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ style.text,
+ $mdgriffith$elm_ui$Element$text(text))
])),
onPress: onPress
});
@@ -13057,9 +13486,10 @@ var $author$project$Widget$Button$viewTextOnly = F2(
var $author$project$Widget$dialog = F2(
function (style, _v0) {
var title = _v0.title;
- var body = _v0.body;
+ var text = _v0.text;
var accept = _v0.accept;
var dismiss = _v0.dismiss;
+<<<<<<< HEAD
return {
content: A2(
$mdgriffith$elm_ui$Element$column,
@@ -13097,6 +13527,59 @@ var $author$project$Widget$dialog = F2(
var _v2 = _v1.b;
return $elm$core$List$singleton(
A2($author$project$Widget$Button$viewTextOnly, style.accept, acceptButton));
+=======
+ return $author$project$Internal$Dialog$modal(
+ {
+ content: A2(
+ $mdgriffith$elm_ui$Element$column,
+ _Utils_ap(
+ _List_fromArray(
+ [$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
+ style.containerColumn),
+ _List_fromArray(
+ [
+ A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Element$none,
+ A2(
+ $elm$core$Maybe$map,
+ A2(
+ $elm$core$Basics$composeR,
+ $mdgriffith$elm_ui$Element$text,
+ $mdgriffith$elm_ui$Element$el(style.title)),
+ title)),
+ A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ style.text,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text(text))),
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$alignRight,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ ]),
+ style.buttonRow),
+ function () {
+ var _v1 = _Utils_Tuple2(accept, dismiss);
+ if (_v1.a.$ === 'Just') {
+ if (_v1.b.$ === 'Nothing') {
+ var acceptButton = _v1.a.a;
+ var _v2 = _v1.b;
+ return $elm$core$List$singleton(
+ A2($author$project$Internal$Button$textButton, style.acceptButton, acceptButton));
+ } else {
+ var acceptButton = _v1.a.a;
+ var dismissButton = _v1.b.a;
+ return _List_fromArray(
+ [
+ A2($author$project$Internal$Button$textButton, style.dismissButton, dismissButton),
+ A2($author$project$Internal$Button$textButton, style.acceptButton, acceptButton)
+ ]);
+ }
+>>>>>>> cc2ca06... finishing the material design
} else {
var acceptButton = _v1.a.a;
var dismissButton = _v1.b.a;
@@ -13284,189 +13767,49 @@ var $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$F
var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3);
var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
-var $mdgriffith$elm_ui$Internal$Model$Min = F2(
- function (a, b) {
- return {$: 'Min', a: a, b: b};
- });
-var $mdgriffith$elm_ui$Element$minimum = F2(
- function (i, l) {
- return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l);
- });
-var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
-var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$borderColor,
- A3(
- $mdgriffith$elm_ui$Internal$Model$Colored,
- 'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
- 'border-color',
- clr));
-};
-var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
-var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
- ]);
-var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219);
-var $mdgriffith$elm_ui$Element$rgba = $mdgriffith$elm_ui$Internal$Model$Rgba;
-var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) {
- return $elm$core$String$concat(
- _List_fromArray(
- [
- shadow.inset ? 'box-inset' : 'box-',
- $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.a) + 'px',
- $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.b) + 'px',
- $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.blur) + 'px',
- $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.size) + 'px',
- $mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.color)
- ]));
-};
-var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19);
-var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
- var shade = {blur: almostShade.blur, color: almostShade.color, inset: false, offset: almostShade.offset, size: almostShade.size};
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$shadows,
- A3(
- $mdgriffith$elm_ui$Internal$Model$Single,
- $mdgriffith$elm_ui$Internal$Model$boxShadowClass(shade),
- 'box-shadow',
- $mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade)));
-};
-var $mdgriffith$elm_ui$Element$paddingXY = F2(
- function (x, y) {
- return _Utils_eq(x, y) ? A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$padding,
- A5(
- $mdgriffith$elm_ui$Internal$Model$PaddingStyle,
- 'p-' + $elm$core$String$fromInt(x),
- x,
- x,
- x,
- x)) : A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$padding,
- A5(
- $mdgriffith$elm_ui$Internal$Model$PaddingStyle,
- 'p-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))),
- y,
- x,
- y,
- x));
- });
-var $mdgriffith$elm_ui$Internal$Flag$borderRound = $mdgriffith$elm_ui$Internal$Flag$flag(17);
-var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$borderRound,
- A3(
- $mdgriffith$elm_ui$Internal$Model$Single,
- 'br-' + $elm$core$String$fromInt(radius),
- 'border-radius',
- $elm$core$String$fromInt(radius) + 'px'));
-};
-var $Orasund$elm_ui_framework$Framework$Color$simple = _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lightGrey),
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey)
- ]);
-var $Orasund$elm_ui_framework$Framework$Tag$simple = _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$simple,
+var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr;
+var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
+var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
+var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
+var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
+var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
+var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
+var $author$project$Icons$penTool = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'pen-tool',
_List_fromArray(
[
- $mdgriffith$elm_ui$Element$Border$rounded(4),
- A2($mdgriffith$elm_ui$Element$paddingXY, 7, 4)
- ]));
-var $mdgriffith$elm_ui$Internal$Model$BorderWidth = F5(
- function (a, b, c, d, e) {
- return {$: 'BorderWidth', a: a, b: b, c: c, d: d, e: e};
- });
-var $mdgriffith$elm_ui$Element$Border$width = function (v) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$borderWidth,
- A5(
- $mdgriffith$elm_ui$Internal$Model$BorderWidth,
- 'b-' + $elm$core$String$fromInt(v),
- v,
- v,
- v,
- v));
-};
-var $Orasund$elm_ui_framework$Framework$Card$simple = _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Tag$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$light,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Border$shadow(
- {
- blur: 10,
- color: A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0.05),
- offset: _Utils_Tuple2(0, 2),
- size: 1
- }),
- $mdgriffith$elm_ui$Element$Border$width(1),
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey),
- $mdgriffith$elm_ui$Element$alignTop,
- $mdgriffith$elm_ui$Element$padding(20),
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
- ])));
-var $Orasund$elm_ui_framework$Framework$Card$withSize = function (_int) {
- return _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width(
- A2(
- $mdgriffith$elm_ui$Element$minimum,
- 240,
- A2($mdgriffith$elm_ui$Element$maximum, _int, $mdgriffith$elm_ui$Element$fill)))
- ]));
-};
-var $Orasund$elm_ui_framework$Framework$Card$large = $Orasund$elm_ui_framework$Framework$Card$withSize(480);
-var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
-var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
-var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
- function (a, b, c) {
- return {$: 'SpacingStyle', a: a, b: b, c: c};
- });
-var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
-var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
- function (x, y) {
- return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
- });
-var $mdgriffith$elm_ui$Element$spacing = function (x) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$spacing,
- A3(
- $mdgriffith$elm_ui$Internal$Model$SpacingStyle,
- A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
- x,
- x));
-};
-var $mdgriffith$elm_ui$Element$paragraph = F2(
- function (attrs, children) {
- return A4(
- $mdgriffith$elm_ui$Internal$Model$element,
- $mdgriffith$elm_ui$Internal$Model$asParagraph,
- $mdgriffith$elm_ui$Internal$Model$div,
A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$spacing(5),
- attrs))),
- $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
- });
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('11'),
+ $elm$svg$Svg$Attributes$cy('11'),
+ $elm$svg$Svg$Attributes$r('2')
+ ]),
+ _List_Nil)
+ ]));
var $mdgriffith$elm_ui$Internal$Model$Px = function (a) {
return {$: 'Px', a: a};
};
@@ -13484,6 +13827,23 @@ var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
fontColor));
};
var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
+var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
+var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$borderColor,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$Colored,
+ 'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
+ 'border-color',
+ clr));
+};
+var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
+var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
+ ]);
var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
_List_fromArray(
[
@@ -13785,12 +14145,29 @@ var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2(
A2($Orasund$elm_ui_framework$Framework$layout, attributes, view)
]));
});
+var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219);
var $Orasund$elm_ui_framework$Framework$Grid$simple = _List_fromArray(
[
$mdgriffith$elm_ui$Element$spacing(10),
$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
$mdgriffith$elm_ui$Element$alignTop
]);
+var $mdgriffith$elm_ui$Internal$Model$BorderWidth = F5(
+ function (a, b, c, d, e) {
+ return {$: 'BorderWidth', a: a, b: b, c: c, d: d, e: e};
+ });
+var $mdgriffith$elm_ui$Element$Border$width = function (v) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$borderWidth,
+ A5(
+ $mdgriffith$elm_ui$Internal$Model$BorderWidth,
+ 'b-' + $elm$core$String$fromInt(v),
+ v,
+ v,
+ v,
+ v));
+};
var $mdgriffith$elm_ui$Element$Border$widthXY = F2(
function (x, y) {
return A2(
@@ -13830,6 +14207,7 @@ var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap(
$mdgriffith$elm_ui$Element$paddingEach(
{bottom: 30, left: 0, right: 0, top: 10})
]));
+<<<<<<< HEAD
var $elm$svg$Svg$rect = $elm$svg$Svg$trustedNode('rect');
var $elm$svg$Svg$Attributes$rx = _VirtualDom_attribute('rx');
var $elm$svg$Svg$Attributes$ry = _VirtualDom_attribute('ry');
@@ -13920,349 +14298,7 @@ var $mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle = F2(
var htmlAttr = attr.a;
return $mdgriffith$elm_ui$Internal$Model$Attr(
A2($elm$virtual_dom$VirtualDom$mapAttribute, fn, htmlAttr));
- default:
- var fl = attr.a;
- var trans = attr.b;
- return A2($mdgriffith$elm_ui$Internal$Model$TransformComponent, fl, trans);
- }
- });
-var $mdgriffith$elm_ui$Internal$Model$removeNever = function (style) {
- return A2($mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle, $elm$core$Basics$never, style);
-};
-var $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper = F2(
- function (attr, _v0) {
- var styles = _v0.a;
- var trans = _v0.b;
- var _v1 = $mdgriffith$elm_ui$Internal$Model$removeNever(attr);
- switch (_v1.$) {
- case 'StyleClass':
- var style = _v1.b;
- return _Utils_Tuple2(
- A2($elm$core$List$cons, style, styles),
- trans);
- case 'TransformComponent':
- var flag = _v1.a;
- var component = _v1.b;
- return _Utils_Tuple2(
- styles,
- A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, trans, component));
- default:
- return _Utils_Tuple2(styles, trans);
- }
- });
-var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) {
- var _v0 = A3(
- $elm$core$List$foldl,
- $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper,
- _Utils_Tuple2(_List_Nil, $mdgriffith$elm_ui$Internal$Model$Untransformed),
- attrs);
- var styles = _v0.a;
- var transform = _v0.b;
- return A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$Transform(transform),
- styles);
-};
-var $mdgriffith$elm_ui$Element$focused = function (decs) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$focus,
- A2(
- $mdgriffith$elm_ui$Internal$Model$PseudoSelector,
- $mdgriffith$elm_ui$Internal$Model$Focus,
- $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
-};
-var $Orasund$elm_ui_framework$Framework$Color$grey = A3($mdgriffith$elm_ui$Element$rgb255, 122, 122, 122);
-var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr;
-var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'};
-var $mdgriffith$elm_ui$Internal$Flag$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33);
-var $mdgriffith$elm_ui$Element$mouseOver = function (decs) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$hover,
- A2(
- $mdgriffith$elm_ui$Internal$Model$PseudoSelector,
- $mdgriffith$elm_ui$Internal$Model$Hover,
- $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
-};
-var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
-var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
-var $Orasund$elm_ui_framework$Framework$Color$disabled = _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$grey),
- $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
- $mdgriffith$elm_ui$Element$focused(_List_Nil),
- $mdgriffith$elm_ui$Element$htmlAttribute(
- A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed'))
- ]));
-var $mdgriffith$elm_ui$Element$Font$center = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textCenter);
-var $Orasund$elm_ui_framework$Framework$Button$simple = _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Font$center,
- $mdgriffith$elm_ui$Element$mouseOver(
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$grey)
- ])),
- A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12)
- ])));
-var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Button$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
- ]));
-var $elm$svg$Svg$line = $elm$svg$Svg$trustedNode('line');
-var $elm$svg$Svg$Attributes$x1 = _VirtualDom_attribute('x1');
-var $elm$svg$Svg$Attributes$x2 = _VirtualDom_attribute('x2');
-var $elm$svg$Svg$Attributes$y1 = _VirtualDom_attribute('y1');
-var $elm$svg$Svg$Attributes$y2 = _VirtualDom_attribute('y2');
-var $author$project$Icons$menu = A2(
- $author$project$Icons$svgFeatherIcon,
- 'menu',
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$line,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$x1('3'),
- $elm$svg$Svg$Attributes$y1('12'),
- $elm$svg$Svg$Attributes$x2('21'),
- $elm$svg$Svg$Attributes$y2('12')
- ]),
- _List_Nil),
- A2(
- $elm$svg$Svg$line,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$x1('3'),
- $elm$svg$Svg$Attributes$y1('6'),
- $elm$svg$Svg$Attributes$x2('21'),
- $elm$svg$Svg$Attributes$y2('6')
- ]),
- _List_Nil),
- A2(
- $elm$svg$Svg$line,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$x1('3'),
- $elm$svg$Svg$Attributes$y1('18'),
- $elm$svg$Svg$Attributes$x2('21'),
- $elm$svg$Svg$Attributes$y2('18')
- ]),
- _List_Nil)
- ]));
-var $author$project$Icons$moreVertical = A2(
- $author$project$Icons$svgFeatherIcon,
- 'more-vertical',
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$circle,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$cx('12'),
- $elm$svg$Svg$Attributes$cy('12'),
- $elm$svg$Svg$Attributes$r('1')
- ]),
- _List_Nil),
- A2(
- $elm$svg$Svg$circle,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$cx('12'),
- $elm$svg$Svg$Attributes$cy('5'),
- $elm$svg$Svg$Attributes$r('1')
- ]),
- _List_Nil),
- A2(
- $elm$svg$Svg$circle,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$cx('12'),
- $elm$svg$Svg$Attributes$cy('19'),
- $elm$svg$Svg$Attributes$r('1')
- ]),
- _List_Nil)
- ]));
-var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise),
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise)
- ]);
-var $author$project$Icons$search = A2(
- $author$project$Icons$svgFeatherIcon,
- 'search',
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$circle,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$cx('11'),
- $elm$svg$Svg$Attributes$cy('11'),
- $elm$svg$Svg$Attributes$r('8')
- ]),
- _List_Nil),
- A2(
- $elm$svg$Svg$line,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$x1('21'),
- $elm$svg$Svg$Attributes$y1('21'),
- $elm$svg$Svg$Attributes$x2('16.65'),
- $elm$svg$Svg$Attributes$y2('16.65')
- ]),
- _List_Nil)
- ]));
-var $author$project$Example$simpleButton = {
- active: $Orasund$elm_ui_framework$Framework$Color$primary,
- container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$primary),
- disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
- label: $Orasund$elm_ui_framework$Framework$Grid$simple
-};
-var $author$project$Example$textButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Button$simple, disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, label: $Orasund$elm_ui_framework$Framework$Grid$simple};
-var $author$project$Example$style = {
- dialog: {
- accept: $author$project$Example$simpleButton,
- buttonRow: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$paddingEach(
- {bottom: 0, left: 0, right: 0, top: 28})
- ])),
- containerColumn: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width(
- A2(
- $mdgriffith$elm_ui$Element$minimum,
- 280,
- A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill)))
- ]))),
- dismiss: $author$project$Example$textButton,
- title: $Orasund$elm_ui_framework$Framework$Heading$h3
- },
- header: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$container,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$dark,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$padding(0),
- $mdgriffith$elm_ui$Element$height(
- $mdgriffith$elm_ui$Element$px(42))
- ]))),
- layout: $Orasund$elm_ui_framework$Framework$responsiveLayout,
- menuButton: {
- active: $Orasund$elm_ui_framework$Framework$Color$primary,
- container: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Button$simple,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Group$center, $Orasund$elm_ui_framework$Framework$Color$dark)),
- disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
- label: $Orasund$elm_ui_framework$Framework$Grid$simple
- },
- menuIcon: A2(
- $mdgriffith$elm_ui$Element$el,
- _List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$menu)),
- menuTabButton: {
- active: _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise)
- ]),
- container: _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height(
- $mdgriffith$elm_ui$Element$px(42)),
- $mdgriffith$elm_ui$Element$Border$widthEach(
- {bottom: 4, left: 0, right: 0, top: 0}),
- $mdgriffith$elm_ui$Element$paddingEach(
- {bottom: 4, left: 8, right: 8, top: 12}),
- $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$black)
- ]),
- disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
- label: $Orasund$elm_ui_framework$Framework$Grid$simple
- },
- moreVerticalIcon: A2(
- $mdgriffith$elm_ui$Element$el,
- _List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$moreVertical)),
- search: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$large,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Font$color(
- A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0)),
- $mdgriffith$elm_ui$Element$padding(6),
- $mdgriffith$elm_ui$Element$centerY,
- $mdgriffith$elm_ui$Element$alignRight
- ]))),
- searchFill: _Utils_ap($Orasund$elm_ui_framework$Framework$Color$light, $Orasund$elm_ui_framework$Framework$Group$center),
- searchIcon: A2(
- $mdgriffith$elm_ui$Element$el,
- _List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$search)),
- sheet: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$light,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width(
- A2($mdgriffith$elm_ui$Element$maximum, 256, $mdgriffith$elm_ui$Element$fill))
- ])),
- sheetButton: {
- active: $Orasund$elm_ui_framework$Framework$Color$primary,
- container: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Button$fill,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Group$center,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$light,
- _List_fromArray(
- [$mdgriffith$elm_ui$Element$Font$alignLeft])))),
- disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
- label: $Orasund$elm_ui_framework$Framework$Grid$simple
- },
- snackbar: {
- button: {
- active: $Orasund$elm_ui_framework$Framework$Color$primary,
- container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$dark),
- disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
- label: $Orasund$elm_ui_framework$Framework$Grid$simple
- },
- row: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Color$dark,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
- $mdgriffith$elm_ui$Element$height(
- $mdgriffith$elm_ui$Element$px(54))
- ])))),
- text: _List_fromArray(
- [
- A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
- ])
- },
- spacing: 8,
- title: $Orasund$elm_ui_framework$Framework$Heading$h2
-};
+=======
var $elm_community$intdict$IntDict$findMin = function (dict) {
findMin:
while (true) {
@@ -14273,6 +14309,7 @@ var $elm_community$intdict$IntDict$findMin = function (dict) {
var l = dict.a;
return $elm$core$Maybe$Just(
_Utils_Tuple2(l.key, l.value));
+>>>>>>> cc2ca06... finishing the material design
default:
var i = dict.a;
var $temp$dict = i.left;
@@ -14444,25 +14481,916 @@ var $author$project$Widget$ScrollingNav$toSelect = F2(
arrangement)))
};
});
-var $author$project$Icons$triangle = A2(
+var $avh4$elm_color$Color$RgbaSpace = F4(
+ function (a, b, c, d) {
+ return {$: 'RgbaSpace', a: a, b: b, c: c, d: d};
+ });
+var $avh4$elm_color$Color$scaleFrom255 = function (c) {
+ return c / 255;
+};
+var $avh4$elm_color$Color$rgb255 = F3(
+ function (r, g, b) {
+ return A4(
+ $avh4$elm_color$Color$RgbaSpace,
+ $avh4$elm_color$Color$scaleFrom255(r),
+ $avh4$elm_color$Color$scaleFrom255(g),
+ $avh4$elm_color$Color$scaleFrom255(b),
+ 1.0);
+ });
+var $author$project$Widget$Style$Material$darkPalette = {
+ background: A3($avh4$elm_color$Color$rgb255, 18, 18, 18),
+ error: A3($avh4$elm_color$Color$rgb255, 207, 102, 121),
+ on: {
+ background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
+ error: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
+ primary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
+ secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
+ surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
+ },
+ primary: A3($avh4$elm_color$Color$rgb255, 187, 134, 252),
+ secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198),
+ surface: A3($avh4$elm_color$Color$rgb255, 18, 18, 18)
+};
+var $author$project$Widget$Style$Material$defaultPalette = {
+ background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
+ error: A3($avh4$elm_color$Color$rgb255, 176, 0, 32),
+ on: {
+ background: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
+ error: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
+ primary: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
+ secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
+ surface: A3($avh4$elm_color$Color$rgb255, 0, 0, 0)
+ },
+ primary: A3($avh4$elm_color$Color$rgb255, 98, 0, 238),
+ secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198),
+ surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
+};
+var $mdgriffith$elm_ui$Internal$Flag$borderRound = $mdgriffith$elm_ui$Internal$Flag$flag(17);
+var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$borderRound,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$Single,
+ 'br-' + $elm$core$String$fromInt(radius),
+ 'border-radius',
+ $elm$core$String$fromInt(radius) + 'px'));
+};
+var $Orasund$elm_ui_framework$Framework$Group$center = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(0)
+ ]);
+var $mdgriffith$elm_ui$Element$Border$roundEach = function (_v0) {
+ var topLeft = _v0.topLeft;
+ var topRight = _v0.topRight;
+ var bottomLeft = _v0.bottomLeft;
+ var bottomRight = _v0.bottomRight;
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$borderRound,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$Single,
+ 'br-' + ($elm$core$String$fromInt(topLeft) + ('-' + ($elm$core$String$fromInt(topRight) + ($elm$core$String$fromInt(bottomLeft) + ('-' + $elm$core$String$fromInt(bottomRight)))))),
+ 'border-radius',
+ $elm$core$String$fromInt(topLeft) + ('px ' + ($elm$core$String$fromInt(topRight) + ('px ' + ($elm$core$String$fromInt(bottomRight) + ('px ' + ($elm$core$String$fromInt(bottomLeft) + 'px'))))))));
+};
+var $Orasund$elm_ui_framework$Framework$Group$left = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 4, bottomRight: 0, topLeft: 4, topRight: 0})
+ ]);
+var $Orasund$elm_ui_framework$Framework$Group$right = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 0, bottomRight: 4, topLeft: 0, topRight: 4})
+ ]);
+var $author$project$Data$Style$ElmUiFramework$buttonRow = {containerRow: $Orasund$elm_ui_framework$Framework$Grid$compact, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$left, ifLast: $Orasund$elm_ui_framework$Framework$Group$right, otherwise: $Orasund$elm_ui_framework$Framework$Group$center};
+var $mdgriffith$elm_ui$Internal$Model$Focus = {$: 'Focus'};
+var $mdgriffith$elm_ui$Internal$Model$PseudoSelector = F2(
+ function (a, b) {
+ return {$: 'PseudoSelector', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Internal$Flag$focus = $mdgriffith$elm_ui$Internal$Flag$flag(31);
+var $mdgriffith$elm_ui$Internal$Model$TransformComponent = F2(
+ function (a, b) {
+ return {$: 'TransformComponent', a: a, b: b};
+ });
+var $elm$virtual_dom$VirtualDom$mapAttribute = _VirtualDom_mapAttribute;
+var $mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle = F2(
+ function (fn, attr) {
+ switch (attr.$) {
+ case 'NoAttribute':
+ return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
+ case 'Describe':
+ var description = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$Describe(description);
+ case 'AlignX':
+ var x = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$AlignX(x);
+ case 'AlignY':
+ var y = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$AlignY(y);
+ case 'Width':
+ var x = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$Width(x);
+ case 'Height':
+ var x = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$Height(x);
+ case 'Class':
+ var x = attr.a;
+ var y = attr.b;
+ return A2($mdgriffith$elm_ui$Internal$Model$Class, x, y);
+ case 'StyleClass':
+ var flag = attr.a;
+ var style = attr.b;
+ return A2($mdgriffith$elm_ui$Internal$Model$StyleClass, flag, style);
+ case 'Nearby':
+ var location = attr.a;
+ var elem = attr.b;
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$Nearby,
+ location,
+ A2($mdgriffith$elm_ui$Internal$Model$map, fn, elem));
+ case 'Attr':
+ var htmlAttr = attr.a;
+ return $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2($elm$virtual_dom$VirtualDom$mapAttribute, fn, htmlAttr));
+ default:
+ var fl = attr.a;
+ var trans = attr.b;
+ return A2($mdgriffith$elm_ui$Internal$Model$TransformComponent, fl, trans);
+ }
+ });
+var $mdgriffith$elm_ui$Internal$Model$removeNever = function (style) {
+ return A2($mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle, $elm$core$Basics$never, style);
+};
+var $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper = F2(
+ function (attr, _v0) {
+ var styles = _v0.a;
+ var trans = _v0.b;
+ var _v1 = $mdgriffith$elm_ui$Internal$Model$removeNever(attr);
+ switch (_v1.$) {
+ case 'StyleClass':
+ var style = _v1.b;
+ return _Utils_Tuple2(
+ A2($elm$core$List$cons, style, styles),
+ trans);
+ case 'TransformComponent':
+ var flag = _v1.a;
+ var component = _v1.b;
+ return _Utils_Tuple2(
+ styles,
+ A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, trans, component));
+ default:
+ return _Utils_Tuple2(styles, trans);
+ }
+ });
+var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) {
+ var _v0 = A3(
+ $elm$core$List$foldl,
+ $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper,
+ _Utils_Tuple2(_List_Nil, $mdgriffith$elm_ui$Internal$Model$Untransformed),
+ attrs);
+ var styles = _v0.a;
+ var transform = _v0.b;
+ return A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$Transform(transform),
+ styles);
+};
+var $mdgriffith$elm_ui$Element$focused = function (decs) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$focus,
+ A2(
+ $mdgriffith$elm_ui$Internal$Model$PseudoSelector,
+ $mdgriffith$elm_ui$Internal$Model$Focus,
+ $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
+};
+var $Orasund$elm_ui_framework$Framework$Color$grey = A3($mdgriffith$elm_ui$Element$rgb255, 122, 122, 122);
+var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'};
+var $mdgriffith$elm_ui$Internal$Flag$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33);
+var $mdgriffith$elm_ui$Element$mouseOver = function (decs) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$hover,
+ A2(
+ $mdgriffith$elm_ui$Internal$Model$PseudoSelector,
+ $mdgriffith$elm_ui$Internal$Model$Hover,
+ $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
+};
+var $Orasund$elm_ui_framework$Framework$Color$simple = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lightGrey),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey)
+ ]);
+var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
+var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
+var $Orasund$elm_ui_framework$Framework$Color$disabled = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$grey),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil),
+ $mdgriffith$elm_ui$Element$htmlAttribute(
+ A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed'))
+ ]));
+<<<<<<< HEAD
+=======
+var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise)
+ ]);
+var $mdgriffith$elm_ui$Internal$Flag$fontAlignment = $mdgriffith$elm_ui$Internal$Flag$flag(12);
+>>>>>>> cc2ca06... finishing the material design
+var $mdgriffith$elm_ui$Element$Font$center = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textCenter);
+var $mdgriffith$elm_ui$Element$paddingXY = F2(
+ function (x, y) {
+ return _Utils_eq(x, y) ? A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$padding,
+ A5(
+ $mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+ 'p-' + $elm$core$String$fromInt(x),
+ x,
+ x,
+ x,
+ x)) : A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$padding,
+ A5(
+ $mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+ 'p-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))),
+ y,
+ x,
+ y,
+ x));
+ });
+var $mdgriffith$elm_ui$Element$rgba = $mdgriffith$elm_ui$Internal$Model$Rgba;
+var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) {
+ return $elm$core$String$concat(
+ _List_fromArray(
+ [
+ shadow.inset ? 'box-inset' : 'box-',
+ $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.a) + 'px',
+ $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.b) + 'px',
+ $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.blur) + 'px',
+ $mdgriffith$elm_ui$Internal$Model$floatClass(shadow.size) + 'px',
+ $mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.color)
+ ]));
+};
+var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19);
+var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
+ var shade = {blur: almostShade.blur, color: almostShade.color, inset: false, offset: almostShade.offset, size: almostShade.size};
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$shadows,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$Single,
+ $mdgriffith$elm_ui$Internal$Model$boxShadowClass(shade),
+ 'box-shadow',
+ $mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade)));
+};
+var $Orasund$elm_ui_framework$Framework$Tag$simple = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 7, 4)
+ ]));
+var $Orasund$elm_ui_framework$Framework$Card$simple = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Tag$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$light,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ {
+ blur: 10,
+ color: A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0.05),
+ offset: _Utils_Tuple2(0, 2),
+ size: 1
+ }),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey),
+ $mdgriffith$elm_ui$Element$alignTop,
+ $mdgriffith$elm_ui$Element$padding(20),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ])));
+var $Orasund$elm_ui_framework$Framework$Button$simple = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$center,
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$grey)
+ ])),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12)
+ ])));
+<<<<<<< HEAD
+var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Button$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]));
+=======
+var $author$project$Data$Style$ElmUiFramework$buttonStyle = {
+ container: $Orasund$elm_ui_framework$Framework$Button$simple,
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $Orasund$elm_ui_framework$Framework$Group$bottom = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0})
+ ]);
+var $mdgriffith$elm_ui$Internal$Model$Min = F2(
+ function (a, b) {
+ return {$: 'Min', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Element$minimum = F2(
+ function (i, l) {
+ return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l);
+ });
+var $Orasund$elm_ui_framework$Framework$Card$withSize = function (_int) {
+ return _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 240,
+ A2($mdgriffith$elm_ui$Element$maximum, _int, $mdgriffith$elm_ui$Element$fill)))
+ ]));
+};
+var $Orasund$elm_ui_framework$Framework$Card$large = $Orasund$elm_ui_framework$Framework$Card$withSize(480);
+var $Orasund$elm_ui_framework$Framework$Group$top = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 0, bottomRight: 0, topLeft: 4, topRight: 4})
+ ]);
+var $author$project$Data$Style$ElmUiFramework$cardColumn = {
+ containerColumn: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$compact,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
+ ])),
+ element: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$large,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
+ ])),
+ ifFirst: $Orasund$elm_ui_framework$Framework$Group$top,
+ ifLast: $Orasund$elm_ui_framework$Framework$Group$bottom,
+ otherwise: $Orasund$elm_ui_framework$Framework$Group$center
+};
+var $author$project$Data$Style$ElmUiFramework$chipButtonStyle = {container: $Orasund$elm_ui_framework$Framework$Tag$simple, ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, ifDisabled: _List_Nil, labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, otherwise: _List_Nil, text: _List_Nil};
+var $author$project$Data$Style$ElmUiFramework$column = {containerColumn: $Orasund$elm_ui_framework$Framework$Grid$compact, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$top, ifLast: $Orasund$elm_ui_framework$Framework$Group$bottom, otherwise: $Orasund$elm_ui_framework$Framework$Group$center};
+var $Orasund$elm_ui_framework$Framework$Color$green = A3($mdgriffith$elm_ui$Element$rgb255, 35, 209, 96);
+var $Orasund$elm_ui_framework$Framework$Color$success = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$green),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$green)
+ ]);
+var $author$project$Data$Style$ElmUiFramework$simpleButton = {
+ container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$success),
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $author$project$Data$Style$ElmUiFramework$textButton = {container: $Orasund$elm_ui_framework$Framework$Button$simple, ifActive: $Orasund$elm_ui_framework$Framework$Color$primary, ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled, labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple, otherwise: _List_Nil, text: _List_Nil};
+var $author$project$Data$Style$ElmUiFramework$dialog = {
+ acceptButton: $author$project$Data$Style$ElmUiFramework$simpleButton,
+ buttonRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 0, left: 0, right: 0, top: 28})
+ ])),
+ containerColumn: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$centerY,
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 280,
+ A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill)))
+ ]))),
+ dismissButton: $author$project$Data$Style$ElmUiFramework$textButton,
+ text: _List_Nil,
+ title: $Orasund$elm_ui_framework$Framework$Heading$h3
+};
+var $elm$svg$Svg$Attributes$points = _VirtualDom_attribute('points');
+var $elm$svg$Svg$polyline = $elm$svg$Svg$trustedNode('polyline');
+var $author$project$Icons$chevronDown = A2(
$author$project$Icons$svgFeatherIcon,
- 'triangle',
+ 'chevron-down',
_List_fromArray(
[
A2(
- $elm$svg$Svg$path,
+ $elm$svg$Svg$polyline,
_List_fromArray(
[
- $elm$svg$Svg$Attributes$d('M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z')
+ $elm$svg$Svg$Attributes$points('6 9 12 15 18 9')
]),
_List_Nil)
]));
-var $author$project$Component$FilterMultiSelectSpecific = function (a) {
- return {$: 'FilterMultiSelectSpecific', a: a};
+var $author$project$Icons$chevronUp = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'chevron-up',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$polyline,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$points('18 15 12 9 6 15')
+ ]),
+ _List_Nil)
+ ]));
+var $mdgriffith$elm_ui$Element$spaceEvenly = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$spacing, $mdgriffith$elm_ui$Internal$Style$classes.spaceEvenly);
+var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spaceEvenly,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$centerX,
+ $mdgriffith$elm_ui$Element$centerY
+ ]);
+var $author$project$Data$Style$ElmUiFramework$expansionPanelStyle = {
+ collapseIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)),
+ containerColumn: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ]))),
+ content: _List_Nil,
+ expandIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)),
+ labelRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ])),
+ panelRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ]))
};
-var $author$project$Widget$FilterMultiSelect$ToggleSelected = function (a) {
- return {$: 'ToggleSelected', a: a};
+var $Orasund$elm_ui_framework$Framework$Color$dark = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey),
+ $mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
+ ]);
+>>>>>>> cc2ca06... finishing the material design
+var $elm$svg$Svg$line = $elm$svg$Svg$trustedNode('line');
+var $elm$svg$Svg$Attributes$x1 = _VirtualDom_attribute('x1');
+var $elm$svg$Svg$Attributes$x2 = _VirtualDom_attribute('x2');
+var $elm$svg$Svg$Attributes$y1 = _VirtualDom_attribute('y1');
+var $elm$svg$Svg$Attributes$y2 = _VirtualDom_attribute('y2');
+var $author$project$Icons$menu = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'menu',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$line,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$x1('3'),
+ $elm$svg$Svg$Attributes$y1('12'),
+ $elm$svg$Svg$Attributes$x2('21'),
+ $elm$svg$Svg$Attributes$y2('12')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$line,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$x1('3'),
+ $elm$svg$Svg$Attributes$y1('6'),
+ $elm$svg$Svg$Attributes$x2('21'),
+ $elm$svg$Svg$Attributes$y2('6')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$line,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$x1('3'),
+ $elm$svg$Svg$Attributes$y1('18'),
+ $elm$svg$Svg$Attributes$x2('21'),
+ $elm$svg$Svg$Attributes$y2('18')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Data$Style$ElmUiFramework$menuButton = {
+ container: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Button$simple,
+ _Utils_ap($Orasund$elm_ui_framework$Framework$Group$center, $Orasund$elm_ui_framework$Framework$Color$dark)),
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ otherwise: _List_Nil,
+ text: _List_Nil
};
+var $Orasund$elm_ui_framework$Framework$Color$black = A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0);
+var $author$project$Data$Style$ElmUiFramework$menuTabButton = {
+ container: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(42)),
+ $mdgriffith$elm_ui$Element$Border$widthEach(
+ {bottom: 4, left: 0, right: 0, top: 0}),
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 4, left: 8, right: 8, top: 12}),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$black)
+ ]),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise)
+ ]),
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $author$project$Icons$moreVertical = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'more-vertical',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('12'),
+ $elm$svg$Svg$Attributes$cy('12'),
+ $elm$svg$Svg$Attributes$r('1')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('12'),
+ $elm$svg$Svg$Attributes$cy('5'),
+ $elm$svg$Svg$Attributes$r('1')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('12'),
+ $elm$svg$Svg$Attributes$cy('19'),
+ $elm$svg$Svg$Attributes$r('1')
+ ]),
+ _List_Nil)
+ ]));
+var $Orasund$elm_ui_framework$Framework$Color$primary = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$turquoise),
+ $mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$turquoise)
+ ]);
+var $author$project$Icons$search = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'search',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('11'),
+ $elm$svg$Svg$Attributes$cy('11'),
+ $elm$svg$Svg$Attributes$r('8')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$line,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$x1('21'),
+ $elm$svg$Svg$Attributes$y1('21'),
+ $elm$svg$Svg$Attributes$x2('16.65'),
+ $elm$svg$Svg$Attributes$y2('16.65')
+ ]),
+ _List_Nil)
+ ]));
+<<<<<<< HEAD
+var $author$project$Example$simpleButton = {
+ active: $Orasund$elm_ui_framework$Framework$Color$primary,
+ container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$primary),
+ disabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ label: $Orasund$elm_ui_framework$Framework$Grid$simple
+};
+var $author$project$Example$textButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Button$simple, disabled: $Orasund$elm_ui_framework$Framework$Color$disabled, label: $Orasund$elm_ui_framework$Framework$Grid$simple};
+var $author$project$Example$style = {
+ dialog: {
+ accept: $author$project$Example$simpleButton,
+ buttonRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 0, left: 0, right: 0, top: 28})
+ ])),
+ containerColumn: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+=======
+var $mdgriffith$elm_ui$Element$Font$alignLeft = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontAlignment, $mdgriffith$elm_ui$Internal$Style$classes.textLeft);
+var $Orasund$elm_ui_framework$Framework$Button$fill = _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Button$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]));
+var $author$project$Data$Style$ElmUiFramework$sheetButton = {
+ container: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Button$fill,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Group$center,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$light,
+ _List_fromArray(
+ [$mdgriffith$elm_ui$Element$Font$alignLeft])))),
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $author$project$Data$Style$ElmUiFramework$snackbarButton = {
+ container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Color$dark),
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $author$project$Data$Style$ElmUiFramework$snackbar = {
+ button: $author$project$Data$Style$ElmUiFramework$snackbarButton,
+ containerRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$dark,
+>>>>>>> cc2ca06... finishing the material design
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+<<<<<<< HEAD
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 280,
+ A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill)))
+ ]))),
+ dismiss: $author$project$Example$textButton,
+ title: $Orasund$elm_ui_framework$Framework$Heading$h3
+ },
+=======
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(54))
+ ])))),
+ text: _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+ ])
+};
+var $author$project$Data$Style$ElmUiFramework$layout = {
+ container: _List_Nil,
+>>>>>>> cc2ca06... finishing the material design
+ header: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$container,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$dark,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(0),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(42))
+ ]))),
+ layout: $Orasund$elm_ui_framework$Framework$responsiveLayout,
+ menuButton: $author$project$Data$Style$ElmUiFramework$menuButton,
+ menuIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$menu)),
+ menuTabButton: $author$project$Data$Style$ElmUiFramework$menuTabButton,
+ moreVerticalIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$moreVertical)),
+ search: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Card$large,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ A3($mdgriffith$elm_ui$Element$rgb255, 0, 0, 0)),
+ $mdgriffith$elm_ui$Element$padding(6),
+ $mdgriffith$elm_ui$Element$centerY,
+ $mdgriffith$elm_ui$Element$alignRight
+ ]))),
+ searchFill: _Utils_ap($Orasund$elm_ui_framework$Framework$Color$light, $Orasund$elm_ui_framework$Framework$Group$center),
+ searchIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$search)),
+ sheet: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$light,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$maximum, 256, $mdgriffith$elm_ui$Element$fill))
+ ])),
+ sheetButton: $author$project$Data$Style$ElmUiFramework$sheetButton,
+ snackbar: $author$project$Data$Style$ElmUiFramework$snackbar,
+ spacing: 8,
+ title: $Orasund$elm_ui_framework$Framework$Heading$h2
+};
+var $author$project$Data$Style$ElmUiFramework$row = {containerRow: $Orasund$elm_ui_framework$Framework$Grid$simple, element: _List_Nil, ifFirst: $Orasund$elm_ui_framework$Framework$Group$left, ifLast: $Orasund$elm_ui_framework$Framework$Group$right, otherwise: $Orasund$elm_ui_framework$Framework$Group$center};
+var $author$project$Data$Style$ElmUiFramework$tabButtonStyle = {
+ container: _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Group$top),
+ ifActive: $Orasund$elm_ui_framework$Framework$Color$primary,
+ ifDisabled: $Orasund$elm_ui_framework$Framework$Color$disabled,
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ otherwise: _List_Nil,
+ text: _List_Nil
+};
+var $author$project$Data$Style$ElmUiFramework$sortTable = {
+ ascIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)),
+ containerTable: $Orasund$elm_ui_framework$Framework$Grid$simple,
+ defaultIcon: $mdgriffith$elm_ui$Element$none,
+ descIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)),
+ headerButton: $author$project$Data$Style$ElmUiFramework$tabButtonStyle
+};
+var $Orasund$elm_ui_framework$Framework$Card$small = $Orasund$elm_ui_framework$Framework$Card$withSize(240);
+var $author$project$Data$Style$ElmUiFramework$tab = {
+ button: $author$project$Data$Style$ElmUiFramework$tabButtonStyle,
+ containerColumn: $Orasund$elm_ui_framework$Framework$Grid$compact,
+ content: _Utils_ap($Orasund$elm_ui_framework$Framework$Card$small, $Orasund$elm_ui_framework$Framework$Group$bottom),
+ optionRow: $Orasund$elm_ui_framework$Framework$Grid$simple
+};
+var $author$project$Data$Style$ElmUiFramework$textInputStyle = {
+ chipButton: $author$project$Data$Style$ElmUiFramework$chipButtonStyle,
+ chipsRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$spacing(4),
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 8, left: 0, right: 0, top: 8})
+ ]),
+ containerRow: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Button$simple,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$light,
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color(
+ A3($mdgriffith$elm_ui$Element$rgb255, 186, 189, 182)),
+ $mdgriffith$elm_ui$Element$Font$alignLeft,
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(42))
+ ]),
+ $Orasund$elm_ui_framework$Framework$Grid$simple))),
+ input: _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Color$light,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(8)
+ ]))
+};
+var $author$project$Data$Style$ElmUiFramework$style = {button: $author$project$Data$Style$ElmUiFramework$buttonStyle, buttonRow: $author$project$Data$Style$ElmUiFramework$buttonRow, cardColumn: $author$project$Data$Style$ElmUiFramework$cardColumn, chipButton: $author$project$Data$Style$ElmUiFramework$chipButtonStyle, column: $author$project$Data$Style$ElmUiFramework$column, dialog: $author$project$Data$Style$ElmUiFramework$dialog, expansionPanel: $author$project$Data$Style$ElmUiFramework$expansionPanelStyle, layout: $author$project$Data$Style$ElmUiFramework$layout, primaryButton: $author$project$Data$Style$ElmUiFramework$simpleButton, row: $author$project$Data$Style$ElmUiFramework$row, selectButton: $author$project$Data$Style$ElmUiFramework$buttonStyle, sortTable: $author$project$Data$Style$ElmUiFramework$sortTable, tab: $author$project$Data$Style$ElmUiFramework$tab, textInput: $author$project$Data$Style$ElmUiFramework$textInputStyle};
+var $mdgriffith$elm_ui$Internal$Model$Bottom = {$: 'Bottom'};
+var $mdgriffith$elm_ui$Element$alignBottom = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Bottom);
+var $mdgriffith$elm_ui$Internal$Flag$letterSpacing = $mdgriffith$elm_ui$Internal$Flag$flag(16);
+var $mdgriffith$elm_ui$Element$Font$letterSpacing = function (offset) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$letterSpacing,
+ A3(
+ $mdgriffith$elm_ui$Internal$Model$Single,
+ 'ls-' + $mdgriffith$elm_ui$Internal$Model$floatClass(offset),
+ 'letter-spacing',
+ $elm$core$String$fromFloat(offset) + 'px'));
+};
+var $mdgriffith$elm_ui$Element$Font$semiBold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.textSemiBold);
+var $author$project$Widget$Style$Material$buttonFont = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$htmlAttribute(
+ A2($elm$html$Html$Attributes$style, 'text-transform', 'uppercase')),
+ $mdgriffith$elm_ui$Element$Font$size(14),
+ $mdgriffith$elm_ui$Element$Font$semiBold,
+ $mdgriffith$elm_ui$Element$Font$letterSpacing(1.25)
+ ]);
+var $author$project$Widget$Style$Material$baseButton = function (_v0) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$buttonFont,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(36)),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+ $mdgriffith$elm_ui$Element$Border$rounded(4)
+ ])),
+ ifActive: _List_Nil,
+ ifDisabled: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$htmlAttribute(
+ A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed'))
+ ]),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$minimum, 32, $mdgriffith$elm_ui$Element$shrink)),
+ $mdgriffith$elm_ui$Element$centerY
+ ]),
+ otherwise: _List_Nil,
+ text: _List_fromArray(
+ [$mdgriffith$elm_ui$Element$centerX])
+ };
+};
+var $author$project$Widget$Style$Material$buttonDisabledOpacity = 0.38;
+var $author$project$Widget$Style$Material$buttonFocusOpacity = 0.24;
+var $author$project$Widget$Style$Material$buttonHoverOpacity = 0.08;
+var $author$project$Widget$Style$Material$buttonPressedOpacity = 0.32;
+var $mdgriffith$elm_ui$Element$fromRgb = function (clr) {
+ return A4($mdgriffith$elm_ui$Internal$Model$Rgba, clr.red, clr.green, clr.blue, clr.alpha);
+};
+var $avh4$elm_color$Color$toRgba = function (_v0) {
+ var r = _v0.a;
+ var g = _v0.b;
+ var b = _v0.c;
+ var a = _v0.d;
+ return {alpha: a, blue: b, green: g, red: r};
+};
+var $author$project$Widget$Style$Material$fromColor = A2($elm$core$Basics$composeR, $avh4$elm_color$Color$toRgba, $mdgriffith$elm_ui$Element$fromRgb);
+var $author$project$Widget$Style$Material$gray = A3($avh4$elm_color$Color$rgb255, 119, 119, 119);
+var $mdgriffith$elm_ui$Internal$Model$Active = {$: 'Active'};
+var $mdgriffith$elm_ui$Internal$Flag$active = $mdgriffith$elm_ui$Internal$Flag$flag(32);
+var $mdgriffith$elm_ui$Element$mouseDown = function (decs) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$active,
+ A2(
+ $mdgriffith$elm_ui$Internal$Model$PseudoSelector,
+ $mdgriffith$elm_ui$Internal$Model$Active,
+ $mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
+};
+<<<<<<< HEAD
var $author$project$Component$chipButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Tag$simple, disabled: _List_Nil, label: $Orasund$elm_ui_framework$Framework$Grid$simple};
var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
function (a, b) {
@@ -14471,11 +15399,25 @@ var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) {
return {$: 'HiddenLabel', a: a};
+=======
+var $avh4$elm_color$Color$fromRgba = function (components) {
+ return A4($avh4$elm_color$Color$RgbaSpace, components.red, components.green, components.blue, components.alpha);
+>>>>>>> cc2ca06... finishing the material design
};
-var $mdgriffith$elm_ui$Element$Input$labelHidden = $mdgriffith$elm_ui$Element$Input$HiddenLabel;
-var $mdgriffith$elm_ui$Element$Input$TextInputNode = function (a) {
- return {$: 'TextInputNode', a: a};
+var $author$project$Widget$Style$Material$scaleOpacity = function (opacity) {
+ return A2(
+ $elm$core$Basics$composeR,
+ $avh4$elm_color$Color$toRgba,
+ A2(
+ $elm$core$Basics$composeR,
+ function (color) {
+ return _Utils_update(
+ color,
+ {alpha: color.alpha * opacity});
+ },
+ $avh4$elm_color$Color$fromRgba));
};
+<<<<<<< HEAD
var $mdgriffith$elm_ui$Element$Input$TextArea = {$: 'TextArea'};
var $mdgriffith$elm_ui$Internal$Model$LivePolite = {$: 'LivePolite'};
var $mdgriffith$elm_ui$Element$Region$announce = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$LivePolite);
@@ -14558,82 +15500,348 @@ var $mdgriffith$elm_ui$Element$createNearby = F2(
});
var $mdgriffith$elm_ui$Element$behindContent = function (element) {
return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element);
+=======
+var $author$project$Widget$Style$Material$shadow = function (_float) {
+ return {
+ blur: _float,
+ color: A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.2),
+ offset: _Utils_Tuple2(0, _float),
+ size: 0
+ };
+>>>>>>> cc2ca06... finishing the material design
};
-var $mdgriffith$elm_ui$Internal$Model$MoveY = function (a) {
- return {$: 'MoveY', a: a};
+var $elm$core$Basics$pow = _Basics_pow;
+var $noahzgordon$elm_color_extra$Color$Accessibility$luminance = function (cl) {
+ var f = function (intensity) {
+ return (intensity <= 0.03928) ? (intensity / 12.92) : A2($elm$core$Basics$pow, (intensity + 0.055) / 1.055, 2.4);
+ };
+ var _v0 = function (a) {
+ return _Utils_Tuple3(
+ f(a.red),
+ f(a.green),
+ f(a.blue));
+ }(
+ $avh4$elm_color$Color$toRgba(cl));
+ var r = _v0.a;
+ var g = _v0.b;
+ var b = _v0.c;
+ return ((0.2126 * r) + (0.7152 * g)) + (0.0722 * b);
};
-var $mdgriffith$elm_ui$Internal$Flag$moveY = $mdgriffith$elm_ui$Internal$Flag$flag(26);
-var $mdgriffith$elm_ui$Element$moveUp = function (y) {
- return A2(
- $mdgriffith$elm_ui$Internal$Model$TransformComponent,
- $mdgriffith$elm_ui$Internal$Flag$moveY,
- $mdgriffith$elm_ui$Internal$Model$MoveY(-y));
+var $author$project$Widget$Style$Material$accessibleTextColor = function (color) {
+ var l = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
+ return ((1.05 / (l + 0.05)) < 7) ? A3($avh4$elm_color$Color$rgb255, 0, 0, 0) : A3($avh4$elm_color$Color$rgb255, 255, 255, 255);
};
-var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (attrs) {
- var gatherSpacing = F2(
- function (attr, found) {
- if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
- var _v2 = attr.b;
- var x = _v2.b;
- var y = _v2.c;
- if (found.$ === 'Nothing') {
- return $elm$core$Maybe$Just(y);
- } else {
- return found;
- }
- } else {
- return found;
- }
- });
- var _v0 = A3($elm$core$List$foldr, gatherSpacing, $elm$core$Maybe$Nothing, attrs);
- if (_v0.$ === 'Nothing') {
- return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
- } else {
- var vSpace = _v0.a;
- return $mdgriffith$elm_ui$Element$moveUp(
- $elm$core$Basics$floor(vSpace / 2));
- }
+var $author$project$Widget$Style$Material$textAndBackground = function (color) {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(color)),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ $author$project$Widget$Style$Material$accessibleTextColor(color)))
+ ]);
};
+<<<<<<< HEAD
var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
var $mdgriffith$elm_ui$Element$rgb = F3(
+=======
+var $elm$core$Basics$cos = _Basics_cos;
+var $noahzgordon$elm_color_extra$Color$Convert$labToXyz = function (_v0) {
+ var l = _v0.l;
+ var a = _v0.a;
+ var b = _v0.b;
+ var y = (l + 16) / 116;
+ var c = function (ch) {
+ var ch_ = (ch * ch) * ch;
+ return (ch_ > 8.856e-3) ? ch_ : ((ch - (16 / 116)) / 7.787);
+ };
+ return {
+ x: c(y + (a / 500)) * 95.047,
+ y: c(y) * 100,
+ z: c(y - (b / 200)) * 108.883
+ };
+};
+var $avh4$elm_color$Color$rgb = F3(
+>>>>>>> cc2ca06... finishing the material design
function (r, g, b) {
- return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1);
+ return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0);
});
-var $mdgriffith$elm_ui$Element$Input$darkGrey = A3($mdgriffith$elm_ui$Element$rgb, 186 / 255, 189 / 255, 182 / 255);
-var $mdgriffith$elm_ui$Element$Input$defaultTextPadding = A2($mdgriffith$elm_ui$Element$paddingXY, 12, 12);
-var $mdgriffith$elm_ui$Element$Input$white = A3($mdgriffith$elm_ui$Element$rgb, 1, 1, 1);
-var $mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle = _List_fromArray(
+var $noahzgordon$elm_color_extra$Color$Convert$xyzToColor = function (_v0) {
+ var x = _v0.x;
+ var y = _v0.y;
+ var z = _v0.z;
+ var z_ = z / 100;
+ var y_ = y / 100;
+ var x_ = x / 100;
+ var r = ((x_ * 3.2404542) + (y_ * (-1.5371385))) + (z_ * (-0.4986));
+ var g = ((x_ * (-0.969266)) + (y_ * 1.8760108)) + (z_ * 4.1556e-2);
+ var c = function (ch) {
+ var ch_ = (ch > 3.1308e-3) ? ((1.055 * A2($elm$core$Basics$pow, ch, 1 / 2.4)) - 5.5e-2) : (12.92 * ch);
+ return A3($elm$core$Basics$clamp, 0, 1, ch_);
+ };
+ var b = ((x_ * 5.56434e-2) + (y_ * (-0.2040259))) + (z_ * 1.0572252);
+ return A3(
+ $avh4$elm_color$Color$rgb,
+ c(r),
+ c(g),
+ c(b));
+};
+var $noahzgordon$elm_color_extra$Color$Convert$labToColor = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$labToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToColor);
+var $elm$core$Basics$sin = _Basics_sin;
+var $author$project$Widget$Style$Material$fromCIELCH = A2(
+ $elm$core$Basics$composeR,
+ function (_v0) {
+ var l = _v0.l;
+ var c = _v0.c;
+ var h = _v0.h;
+ return {
+ a: c * $elm$core$Basics$cos(h),
+ b: c * $elm$core$Basics$sin(h),
+ l: l
+ };
+ },
+ $noahzgordon$elm_color_extra$Color$Convert$labToColor);
+var $elm$core$Basics$atan2 = _Basics_atan2;
+var $noahzgordon$elm_color_extra$Color$Convert$colorToXyz = function (cl) {
+ var c = function (ch) {
+ var ch_ = (ch > 4.045e-2) ? A2($elm$core$Basics$pow, (ch + 5.5e-2) / 1.055, 2.4) : (ch / 12.92);
+ return ch_ * 100;
+ };
+ var _v0 = $avh4$elm_color$Color$toRgba(cl);
+ var red = _v0.red;
+ var green = _v0.green;
+ var blue = _v0.blue;
+ var b = c(blue);
+ var g = c(green);
+ var r = c(red);
+ return {x: ((r * 0.4124) + (g * 0.3576)) + (b * 0.1805), y: ((r * 0.2126) + (g * 0.7152)) + (b * 7.22e-2), z: ((r * 1.93e-2) + (g * 0.1192)) + (b * 0.9505)};
+};
+var $noahzgordon$elm_color_extra$Color$Convert$xyzToLab = function (_v0) {
+ var x = _v0.x;
+ var y = _v0.y;
+ var z = _v0.z;
+ var c = function (ch) {
+ return (ch > 8.856e-3) ? A2($elm$core$Basics$pow, ch, 1 / 3) : ((7.787 * ch) + (16 / 116));
+ };
+ var x_ = c(x / 95.047);
+ var y_ = c(y / 100);
+ var z_ = c(z / 108.883);
+ return {a: 500 * (x_ - y_), b: 200 * (y_ - z_), l: (116 * y_) - 16};
+};
+var $noahzgordon$elm_color_extra$Color$Convert$colorToLab = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$colorToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToLab);
+var $elm$core$Basics$sqrt = _Basics_sqrt;
+var $author$project$Widget$Style$Material$toCIELCH = A2(
+ $elm$core$Basics$composeR,
+ $noahzgordon$elm_color_extra$Color$Convert$colorToLab,
+ function (_v0) {
+ var l = _v0.l;
+ var a = _v0.a;
+ var b = _v0.b;
+ return {
+ c: $elm$core$Basics$sqrt((a * a) + (b * b)),
+ h: A2($elm$core$Basics$atan2, b, a),
+ l: l
+ };
+ });
+var $author$project$Widget$Style$Material$withShade = F3(
+ function (c2, amount, c1) {
+ var fun = F2(
+ function (a, b) {
+ return {c: ((a.c * (1 - amount)) + (b.c * amount)) / 1, h: ((a.h * (1 - amount)) + (b.h * amount)) / 1, l: ((a.l * (1 - amount)) + (b.l * amount)) / 1};
+ });
+ var alpha = $avh4$elm_color$Color$toRgba(c1).alpha;
+ return $avh4$elm_color$Color$fromRgba(
+ function (color) {
+ return _Utils_update(
+ color,
+ {alpha: alpha});
+ }(
+ $avh4$elm_color$Color$toRgba(
+ $author$project$Widget$Style$Material$fromCIELCH(
+ A2(
+ fun,
+ $author$project$Widget$Style$Material$toCIELCH(c1),
+ $author$project$Widget$Style$Material$toCIELCH(c2))))));
+ });
+var $author$project$Widget$Style$Material$containedButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).container,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(2)),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(12))
+ ]))),
+ $mdgriffith$elm_ui$Element$focused(
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(6))
+ ]))),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(6))
+ ])))
+ ])),
+ ifActive: $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonDisabledOpacity, $author$project$Widget$Style$Material$gray))),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(0)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).labelRow,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+ ])),
+ otherwise: $author$project$Widget$Style$Material$textAndBackground(palette.primary),
+ text: $author$project$Widget$Style$Material$baseButton(palette).text
+ };
+};
+var $author$project$Widget$Style$Material$h6 = _List_fromArray(
[
- $mdgriffith$elm_ui$Element$Input$defaultTextPadding,
- $mdgriffith$elm_ui$Element$Border$rounded(3),
- $mdgriffith$elm_ui$Element$Border$color($mdgriffith$elm_ui$Element$Input$darkGrey),
- $mdgriffith$elm_ui$Element$Background$color($mdgriffith$elm_ui$Element$Input$white),
- $mdgriffith$elm_ui$Element$Border$width(1),
- $mdgriffith$elm_ui$Element$spacing(5),
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ $mdgriffith$elm_ui$Element$Font$size(20),
+ $mdgriffith$elm_ui$Element$Font$semiBold,
+ $mdgriffith$elm_ui$Element$Font$letterSpacing(0.15)
]);
-var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) {
- if (attr.$ === 'Height') {
- var h = attr.a;
- return $elm$core$Maybe$Just(h);
- } else {
- return $elm$core$Maybe$Nothing;
- }
+var $author$project$Widget$Style$Material$textButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).container,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(palette.primary)),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)))
+ ]))
+ ])),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)))
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: $author$project$Widget$Style$Material$baseButton(palette).labelRow,
+ otherwise: _List_Nil,
+ text: $author$project$Widget$Style$Material$baseButton(palette).text
+ };
};
-var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
- return {$: 'Label', a: a};
+var $author$project$Widget$Style$Material$alertDialog = function (palette) {
+ return {
+ acceptButton: $author$project$Widget$Style$Material$containedButton(palette),
+ buttonRow: _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$alignRight,
+ $mdgriffith$elm_ui$Element$alignBottom
+ ]),
+ containerColumn: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 280,
+ A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))),
+ $mdgriffith$elm_ui$Element$height(
+ A2($mdgriffith$elm_ui$Element$minimum, 182, $mdgriffith$elm_ui$Element$shrink)),
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(palette.surface))
+ ]),
+ dismissButton: $author$project$Widget$Style$Material$textButton(palette),
+ text: _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 24, 0)
+ ]),
+ title: _Utils_ap(
+ $author$project$Widget$Style$Material$h6,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 24, 20)
+ ]))
+ };
};
-var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) {
- if (label.$ === 'HiddenLabel') {
- var textLabel = label.a;
- return $mdgriffith$elm_ui$Internal$Model$Describe(
- $mdgriffith$elm_ui$Internal$Model$Label(textLabel));
- } else {
- return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
- }
+var $author$project$Widget$Style$Material$buttonRow = {
+ containerRow: _List_Nil,
+ element: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(2)
+ ]),
+ ifFirst: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 2, bottomRight: 0, topLeft: 2, topRight: 0})
+ ]),
+ ifLast: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 0, bottomRight: 2, topLeft: 0, topRight: 2})
+ ]),
+ otherwise: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(0)
+ ])
};
+<<<<<<< HEAD
var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
var $mdgriffith$elm_ui$Element$inFront = function (element) {
return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
@@ -14658,111 +15866,440 @@ var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) {
return true;
}
}
+=======
+var $author$project$Widget$Style$Material$cardColumn = function (palette) {
+ return {
+ containerColumn: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(4))
+ ])),
+ $mdgriffith$elm_ui$Element$alignTop,
+ $mdgriffith$elm_ui$Element$Border$rounded(4)
+ ]),
+ element: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(16),
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(palette.surface)),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ $author$project$Widget$Style$Material$accessibleTextColor(palette.surface))),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$minimum, 344, $mdgriffith$elm_ui$Element$fill))
+ ]),
+ ifFirst: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 0, bottomRight: 0, topLeft: 4, topRight: 4})
+ ]),
+ ifLast: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$roundEach(
+ {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0}),
+ $mdgriffith$elm_ui$Element$Border$widthEach(
+ {bottom: 1, left: 1, right: 1, top: 0})
+ ]),
+ otherwise: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$rounded(0),
+ $mdgriffith$elm_ui$Element$Border$widthEach(
+ {bottom: 1, left: 1, right: 1, top: 0})
+ ])
+ };
+>>>>>>> cc2ca06... finishing the material design
};
-var $mdgriffith$elm_ui$Element$Input$isHiddenLabel = function (label) {
- if (label.$ === 'HiddenLabel') {
- return true;
- } else {
- return false;
- }
+var $author$project$Widget$Style$Material$buttonSelectedOpacity = 0.16;
+var $author$project$Widget$Style$Material$chip = function (palette) {
+ return {
+ container: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(32)),
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 0, left: 4, right: 12, top: 0}),
+ $mdgriffith$elm_ui$Element$Border$rounded(16),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonPressedOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)))),
+ $mdgriffith$elm_ui$Element$focused(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonFocusOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)))),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonHoverOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface))))
+ ]),
+ ifActive: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonSelectedOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface))),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(4))
+ ])),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonDisabledOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface))),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ]))),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(0),
+ $mdgriffith$elm_ui$Element$centerY
+ ]),
+ otherwise: $author$project$Widget$Style$Material$textAndBackground(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.12, palette.on.surface)),
+ text: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 0, left: 8, right: 0, top: 0})
+ ])
+ };
};
-var $mdgriffith$elm_ui$Element$Input$isStacked = function (label) {
- if (label.$ === 'Label') {
- var loc = label.a;
- switch (loc.$) {
- case 'OnRight':
- return false;
- case 'OnLeft':
- return false;
- case 'Above':
- return true;
- default:
- return true;
- }
- } else {
- return true;
- }
+var $author$project$Widget$Style$Material$column = {
+ containerColumn: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ element: _List_Nil,
+ ifFirst: _List_Nil,
+ ifLast: _List_Nil,
+ otherwise: _List_Nil
};
-var $mdgriffith$elm_ui$Element$Input$negateBox = function (box) {
- return {bottom: -box.bottom, left: -box.left, right: -box.right, top: -box.top};
-};
-var $elm$html$Html$Events$alwaysStop = function (x) {
- return _Utils_Tuple2(x, true);
-};
-var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) {
- return {$: 'MayStopPropagation', a: a};
-};
-var $elm$html$Html$Events$stopPropagationOn = F2(
- function (event, decoder) {
+var $author$project$Widget$Style$Material$icon = F2(
+ function (string, size) {
return A2(
- $elm$virtual_dom$VirtualDom$on,
- event,
- $elm$virtual_dom$VirtualDom$MayStopPropagation(decoder));
+ $elm$core$Basics$composeR,
+ $elm$svg$Svg$svg(
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$height(
+ $elm$core$String$fromInt(size)),
+ $elm$svg$Svg$Attributes$stroke('currentColor'),
+ $elm$svg$Svg$Attributes$fill('currentColor'),
+ $elm$svg$Svg$Attributes$viewBox(string),
+ $elm$svg$Svg$Attributes$width(
+ $elm$core$String$fromInt(size))
+ ])),
+ A2(
+ $elm$core$Basics$composeR,
+ $mdgriffith$elm_ui$Element$html,
+ $mdgriffith$elm_ui$Element$el(_List_Nil)));
});
-var $elm$json$Json$Decode$at = F2(
- function (fields, decoder) {
- return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields);
- });
-var $elm$html$Html$Events$targetValue = A2(
- $elm$json$Json$Decode$at,
+var $author$project$Widget$Style$Material$expand_less = A3(
+ $author$project$Widget$Style$Material$icon,
+ '0 0 48 48',
+ 24,
_List_fromArray(
- ['target', 'value']),
- $elm$json$Json$Decode$string);
-var $elm$html$Html$Events$onInput = function (tagger) {
+ [
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M24 16L12 28l2.83 2.83L24 21.66l9.17 9.17L36 28z')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Widget$Style$Material$expand_more = A3(
+ $author$project$Widget$Style$Material$icon,
+ '0 0 48 48',
+ 24,
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M33.17 17.17L24 26.34l-9.17-9.17L12 20l12 12 12-12z')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Widget$Style$Material$expansionPanel = function (palette) {
+ return {
+ collapseIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray))
+ ]),
+ $author$project$Widget$Style$Material$expand_less),
+ containerColumn: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(palette.surface)),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ content: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(14)
+ ]),
+ expandIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray))
+ ]),
+ $author$project$Widget$Style$Material$expand_more),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(32)
+ ]),
+ panelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$spaceEvenly,
+ $mdgriffith$elm_ui$Element$padding(14),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ])
+ };
+};
+var $author$project$Widget$Style$Material$drawerButton = function (palette) {
+ return {
+ container: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$size(14),
+ $mdgriffith$elm_ui$Element$Font$semiBold,
+ $mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(36)),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ $author$project$Widget$Style$Material$accessibleTextColor(palette.surface))),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)))
+ ]))
+ ]),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(palette.primary))
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: $author$project$Widget$Style$Material$baseButton(palette).labelRow,
+ otherwise: _List_Nil,
+ text: $author$project$Widget$Style$Material$baseButton(palette).text
+ };
+};
+var $mdgriffith$elm_ui$Element$Font$family = function (families) {
return A2(
- $elm$html$Html$Events$stopPropagationOn,
- 'input',
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$fontFamily,
A2(
- $elm$json$Json$Decode$map,
- $elm$html$Html$Events$alwaysStop,
- A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue)));
+ $mdgriffith$elm_ui$Internal$Model$FontFamily,
+ A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
+ families));
};
-var $mdgriffith$elm_ui$Element$Input$isFill = function (len) {
- isFill:
- while (true) {
- switch (len.$) {
- case 'Fill':
- return true;
- case 'Content':
- return false;
- case 'Px':
- return false;
- case 'Min':
- var l = len.b;
- var $temp$len = l;
- len = $temp$len;
- continue isFill;
- default:
- var l = len.b;
- var $temp$len = l;
- len = $temp$len;
- continue isFill;
- }
- }
+var $author$project$Widget$Style$Material$iconButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).container,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$Border$rounded(24),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.surface)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.surface)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface)))
+ ]))
+ ])),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface)))
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$centerY,
+ $mdgriffith$elm_ui$Element$centerX
+ ]),
+ otherwise: _List_Nil,
+ text: $author$project$Widget$Style$Material$baseButton(palette).text
+ };
};
-var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) {
- isPixel:
- while (true) {
- switch (len.$) {
- case 'Content':
- return false;
- case 'Px':
- return true;
- case 'Fill':
- return false;
- case 'Min':
- var l = len.b;
- var $temp$len = l;
- len = $temp$len;
- continue isPixel;
- default:
- var l = len.b;
- var $temp$len = l;
- len = $temp$len;
- continue isPixel;
- }
- }
+var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
+ {options: _List_Nil});
+var $author$project$Widget$Style$Material$menu = A3(
+ $author$project$Widget$Style$Material$icon,
+ '0 0 48 48',
+ 24,
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Widget$Style$Material$menuTabButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$buttonFont,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(56)),
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 90,
+ A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ $author$project$Widget$Style$Material$accessibleTextColor(palette.primary))),
+ $mdgriffith$elm_ui$Element$alignBottom,
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)))
+ ]))
+ ])),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$widthEach(
+ {bottom: 2, left: 0, right: 0, top: 0})
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$centerY,
+ $mdgriffith$elm_ui$Element$centerX
+ ]),
+ otherwise: _List_Nil,
+ text: _List_Nil
+ };
};
+<<<<<<< HEAD
var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4(
function (isMultiline, stacked, attr, els) {
switch (attr.$) {
@@ -15360,191 +16897,19 @@ var $author$project$Widget$FilterMultiSelect$viewOptions = function (_v0) {
function (string) {
return !A2($elm$core$Set$member, string, selected);
},
+=======
+var $author$project$Widget$Style$Material$more_vert = A3(
+ $author$project$Widget$Style$Material$icon,
+ '0 0 48 48',
+ 24,
+ _List_fromArray(
+ [
+>>>>>>> cc2ca06... finishing the material design
A2(
- $elm$core$Set$filter,
- A2(
- $elm$core$Basics$composeR,
- $elm$core$String$toUpper,
- $elm$core$String$contains(
- $elm$core$String$toUpper(raw))),
- options)));
-};
-var $mdgriffith$elm_ui$Internal$Model$Padding = F5(
- function (a, b, c, d, e) {
- return {$: 'Padding', a: a, b: b, c: c, d: d, e: e};
- });
-var $mdgriffith$elm_ui$Internal$Model$Spaced = F3(
- function (a, b, c) {
- return {$: 'Spaced', a: a, b: b, c: c};
- });
-var $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding = function (attrs) {
- return A3(
- $elm$core$List$foldr,
- F2(
- function (attr, _v0) {
- var pad = _v0.a;
- var spacing = _v0.b;
- return _Utils_Tuple2(
- function () {
- if (pad.$ === 'Just') {
- var x = pad.a;
- return pad;
- } else {
- if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) {
- var _v3 = attr.b;
- var name = _v3.a;
- var t = _v3.b;
- var r = _v3.c;
- var b = _v3.d;
- var l = _v3.e;
- return $elm$core$Maybe$Just(
- A5($mdgriffith$elm_ui$Internal$Model$Padding, name, t, r, b, l));
- } else {
- return $elm$core$Maybe$Nothing;
- }
- }
- }(),
- function () {
- if (spacing.$ === 'Just') {
- var x = spacing.a;
- return spacing;
- } else {
- if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
- var _v6 = attr.b;
- var name = _v6.a;
- var x = _v6.b;
- var y = _v6.c;
- return $elm$core$Maybe$Just(
- A3($mdgriffith$elm_ui$Internal$Model$Spaced, name, x, y));
- } else {
- return $elm$core$Maybe$Nothing;
- }
- }
- }());
- }),
- _Utils_Tuple2($elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing),
- attrs);
-};
-var $mdgriffith$elm_ui$Element$wrappedRow = F2(
- function (attrs, children) {
- var _v0 = $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding(attrs);
- var padded = _v0.a;
- var spaced = _v0.b;
- if (spaced.$ === 'Nothing') {
- return A4(
- $mdgriffith$elm_ui$Internal$Model$element,
- $mdgriffith$elm_ui$Internal$Model$asRow,
- $mdgriffith$elm_ui$Internal$Model$div,
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
- attrs))),
- $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
- } else {
- var _v2 = spaced.a;
- var spaceName = _v2.a;
- var x = _v2.b;
- var y = _v2.c;
- var newPadding = function () {
- if (padded.$ === 'Just') {
- var _v5 = padded.a;
- var name = _v5.a;
- var t = _v5.b;
- var r = _v5.c;
- var b = _v5.d;
- var l = _v5.e;
- return ((_Utils_cmp(r, (x / 2) | 0) > -1) && (_Utils_cmp(b, (y / 2) | 0) > -1)) ? $elm$core$Maybe$Just(
- $mdgriffith$elm_ui$Element$paddingEach(
- {bottom: b - ((y / 2) | 0), left: l - ((x / 2) | 0), right: r - ((x / 2) | 0), top: t - ((y / 2) | 0)})) : $elm$core$Maybe$Nothing;
- } else {
- return $elm$core$Maybe$Nothing;
- }
- }();
- if (newPadding.$ === 'Just') {
- var pad = newPadding.a;
- return A4(
- $mdgriffith$elm_ui$Internal$Model$element,
- $mdgriffith$elm_ui$Internal$Model$asRow,
- $mdgriffith$elm_ui$Internal$Model$div,
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
- _Utils_ap(
- attrs,
- _List_fromArray(
- [pad]))))),
- $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
- } else {
- var halfY = -(y / 2);
- var halfX = -(x / 2);
- return A4(
- $mdgriffith$elm_ui$Internal$Model$element,
- $mdgriffith$elm_ui$Internal$Model$asEl,
- $mdgriffith$elm_ui$Internal$Model$div,
- attrs,
- $mdgriffith$elm_ui$Internal$Model$Unkeyed(
- _List_fromArray(
- [
- A4(
- $mdgriffith$elm_ui$Internal$Model$element,
- $mdgriffith$elm_ui$Internal$Model$asRow,
- $mdgriffith$elm_ui$Internal$Model$div,
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$Attr(
- A2(
- $elm$html$Html$Attributes$style,
- 'margin',
- $elm$core$String$fromFloat(halfY) + ('px' + (' ' + ($elm$core$String$fromFloat(halfX) + 'px'))))),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$Attr(
- A2(
- $elm$html$Html$Attributes$style,
- 'width',
- 'calc(100% + ' + ($elm$core$String$fromInt(x) + 'px)'))),
- A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Internal$Model$Attr(
- A2(
- $elm$html$Html$Attributes$style,
- 'height',
- 'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))),
- A2(
- $elm$core$List$cons,
- A2(
- $mdgriffith$elm_ui$Internal$Model$StyleClass,
- $mdgriffith$elm_ui$Internal$Flag$spacing,
- A3($mdgriffith$elm_ui$Internal$Model$SpacingStyle, spaceName, x, y)),
- _List_Nil))))),
- $mdgriffith$elm_ui$Internal$Model$Unkeyed(children))
- ])));
- }
- }
- });
-var $author$project$Component$filterMultiSelect = function (model) {
- return _Utils_Tuple2(
- 'Filter Multi Select',
- A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
+ $elm$svg$Svg$path,
_List_fromArray(
[
+<<<<<<< HEAD
A2(
$author$project$Widget$textInput,
{
@@ -15685,251 +17050,545 @@ var $author$project$Widget$FilterSelect$viewOptions = function (_v0) {
return (raw === '') ? _List_Nil : $elm$core$Set$toList(
A2(
$elm$core$Set$filter,
+=======
+ $elm$svg$Svg$Attributes$d('M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z')
+ ]),
+ _List_Nil)
+ ]));
+var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
+var $author$project$Widget$Style$Material$search = A3(
+ $author$project$Widget$Style$Material$icon,
+ '0 0 48 48',
+ 24,
+ _List_fromArray(
+ [
+>>>>>>> cc2ca06... finishing the material design
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M31 28h-1.59l-.55-.55C30.82 25.18 32 22.23 32 19c0-7.18-5.82-13-13-13S6 11.82 6 19s5.82 13 13 13c3.23 0 6.18-1.18 8.45-3.13l.55.55V31l10 9.98L40.98 38 31 28zm-12 0c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9z')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Widget$Style$Material$accessibleWithTextColor = F2(
+ function (c, color) {
+ var newConstrast = 7;
+ var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
+ var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
+ var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
+ var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
+ return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
+ $elm$core$Basics$composeR,
+ $noahzgordon$elm_color_extra$Color$Convert$colorToLab,
A2(
$elm$core$Basics$composeR,
- $elm$core$String$toUpper,
- $elm$core$String$contains(
- $elm$core$String$toUpper(raw))),
- options));
-};
-var $elm$html$Html$Attributes$width = function (n) {
- return A2(
- _VirtualDom_attribute,
- 'width',
- $elm$core$String$fromInt(n));
-};
-var $elm$svg$Svg$Attributes$clipRule = _VirtualDom_attribute('clip-rule');
-var $elm$svg$Svg$Attributes$fillRule = _VirtualDom_attribute('fill-rule');
-var $jasonliang512$elm_heroicons$Heroicons$Solid$x = function (attrs) {
- return A2(
- $elm$svg$Svg$svg,
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
+ function (col) {
+ return _Utils_update(
+ col,
+ {l: 100 * lighterLuminance});
+ },
+ $noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
+ $elm$core$Basics$composeR,
+ $noahzgordon$elm_color_extra$Color$Convert$colorToLab,
A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$fill('currentColor'),
- attrs)),
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$path,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$fillRule('evenodd'),
- $elm$svg$Svg$Attributes$d('M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z'),
- $elm$svg$Svg$Attributes$clipRule('evenodd')
- ]),
- _List_Nil)
- ]));
-};
-var $author$project$Component$filterSelect = function (model) {
- return _Utils_Tuple2(
- 'Filter Select',
- function () {
- var _v0 = model.selected;
- if (_v0.$ === 'Just') {
- var selected = _v0.a;
- return A2(
- $mdgriffith$elm_ui$Element$row,
- $Orasund$elm_ui_framework$Framework$Grid$compact,
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$el,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Tag$simple, $Orasund$elm_ui_framework$Framework$Group$left),
- $mdgriffith$elm_ui$Element$text(selected)),
- A2(
- $mdgriffith$elm_ui$Element$Input$button,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Tag$simple,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Group$right, $Orasund$elm_ui_framework$Framework$Color$danger)),
- {
- label: $mdgriffith$elm_ui$Element$html(
- $jasonliang512$elm_heroicons$Heroicons$Solid$x(
- _List_fromArray(
- [
- $elm$html$Html$Attributes$width(16)
- ]))),
- onPress: $elm$core$Maybe$Just(
- $author$project$Component$FilterSelectSpecific(
- $author$project$Widget$FilterSelect$Selected($elm$core$Maybe$Nothing)))
- })
- ]));
- } else {
- return A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- A3(
- $author$project$Widget$FilterSelect$viewInput,
- $Orasund$elm_ui_framework$Framework$Input$simple,
- model,
- {
- label: 'Fruit',
- msgMapper: $author$project$Component$FilterSelectSpecific,
- placeholder: $elm$core$Maybe$Just(
- A2(
- $mdgriffith$elm_ui$Element$Input$placeholder,
- _List_Nil,
- $mdgriffith$elm_ui$Element$text('Fruit')))
- }),
- A2(
- $mdgriffith$elm_ui$Element$wrappedRow,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$spacing(10)
- ]),
- A2(
- $elm$core$List$map,
- function (string) {
- return A2(
- $mdgriffith$elm_ui$Element$Input$button,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Tag$simple),
- {
- label: $mdgriffith$elm_ui$Element$text(string),
- onPress: $elm$core$Maybe$Just(
- $author$project$Component$FilterSelectSpecific(
- $author$project$Widget$FilterSelect$Selected(
- $elm$core$Maybe$Just(string))))
- });
- },
- $author$project$Widget$FilterSelect$viewOptions(model)))
- ]));
- }
- }());
-};
-var $author$project$Component$ValidatedInputSpecific = function (a) {
- return {$: 'ValidatedInputSpecific', a: a};
-};
-var $jasonliang512$elm_heroicons$Heroicons$Solid$pencil = function (attrs) {
- return A2(
- $elm$svg$Svg$svg,
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$fill('currentColor'),
- attrs)),
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$path,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$d('M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z')
- ]),
- _List_Nil)
- ]));
-};
-var $author$project$Widget$ValidatedInput$ChangedRaw = function (a) {
- return {$: 'ChangedRaw', a: a};
-};
-var $author$project$Widget$ValidatedInput$LostFocus = {$: 'LostFocus'};
-var $author$project$Widget$ValidatedInput$StartEditing = {$: 'StartEditing'};
-var $elm$html$Html$Events$onBlur = function (msg) {
- return A2(
- $elm$html$Html$Events$on,
- 'blur',
- $elm$json$Json$Decode$succeed(msg));
-};
-var $mdgriffith$elm_ui$Element$Events$onLoseFocus = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onBlur);
-var $author$project$Widget$ValidatedInput$view = F3(
- function (attributes, _v0, _v1) {
- var model = _v0.a;
- var msgMapper = _v1.msgMapper;
- var placeholder = _v1.placeholder;
- var label = _v1.label;
- var readOnly = _v1.readOnly;
- var _v2 = model.raw;
- if (_v2.$ === 'Just') {
- var string = _v2.a;
- return A2(
- $mdgriffith$elm_ui$Element$Input$text,
- _Utils_ap(
- attributes,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Events$onLoseFocus(
- msgMapper($author$project$Widget$ValidatedInput$LostFocus))
- ])),
- {
- label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
- onChange: A2($elm$core$Basics$composeR, $author$project$Widget$ValidatedInput$ChangedRaw, msgMapper),
- placeholder: placeholder,
- text: string
- });
- } else {
- return A2(
- $mdgriffith$elm_ui$Element$Input$button,
- _List_Nil,
- {
- label: readOnly(model.value),
- onPress: $elm$core$Maybe$Just(
- msgMapper($author$project$Widget$ValidatedInput$StartEditing))
- });
- }
+ $elm$core$Basics$composeR,
+ function (col) {
+ return _Utils_update(
+ col,
+ {l: 100 * darkerLuminance});
+ },
+ $noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
});
-var $author$project$Component$validatedInput = function (model) {
- return _Utils_Tuple2(
- 'Validated Input',
- A3(
- $author$project$Widget$ValidatedInput$view,
- $Orasund$elm_ui_framework$Framework$Input$simple,
- model,
- {
- label: 'First Name, Sir Name',
- msgMapper: $author$project$Component$ValidatedInputSpecific,
- placeholder: $elm$core$Maybe$Nothing,
- readOnly: function (maybeTuple) {
- return A2(
- $mdgriffith$elm_ui$Element$row,
- $Orasund$elm_ui_framework$Framework$Grid$compact,
+var $author$project$Widget$Style$Material$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
+var $author$project$Widget$Style$Material$snackbar = function (palette) {
+ return {
+ button: function (b) {
+ return _Utils_update(
+ b,
+ {
+ container: _Utils_ap(
+ b.container,
_List_fromArray(
[
- A2(
- $mdgriffith$elm_ui$Element$el,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Tag$simple, $Orasund$elm_ui_framework$Framework$Group$left),
- $mdgriffith$elm_ui$Element$text(
- function (_v0) {
- var a = _v0.a;
- var b = _v0.b;
- return a + (' ' + b);
- }(maybeTuple))),
- A2(
- $mdgriffith$elm_ui$Element$el,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Tag$simple,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Group$right, $Orasund$elm_ui_framework$Framework$Color$primary)),
- $mdgriffith$elm_ui$Element$html(
- $jasonliang512$elm_heroicons$Heroicons$Solid$pencil(
- _List_fromArray(
- [
- $elm$html$Html$Attributes$width(16)
- ]))))
- ]));
- }
- }));
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$accessibleWithTextColor, palette.primary, $author$project$Widget$Style$Material$dark)))
+ ]))
+ });
+ }(
+ $author$project$Widget$Style$Material$textButton(palette)),
+ containerRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$dark)),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(
+ $author$project$Widget$Style$Material$accessibleTextColor($author$project$Widget$Style$Material$dark))),
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(2))
+ ]),
+ text: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$centerX,
+ A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
+ ])
+ };
};
-var $author$project$Component$view = F2(
- function (msgMapper, model) {
+var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
+var $author$project$Widget$Style$Material$layout = F2(
+ function (palette, string) {
return {
- description: 'Components have a Model, an Update- and sometimes even a Subscription-function. It takes some time to set them up correctly.',
- items: A2(
- $elm$core$List$map,
- $elm$core$Tuple$mapSecond(
- $mdgriffith$elm_ui$Element$map(msgMapper)),
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.background),
_List_fromArray(
[
- $author$project$Component$filterSelect(model.filterSelect),
- $author$project$Component$filterMultiSelect(model.filterMultiSelect),
- $author$project$Component$validatedInput(model.validatedInput)
+ $mdgriffith$elm_ui$Element$Font$family(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
+ $mdgriffith$elm_ui$Element$Font$sansSerif
+ ])),
+ $mdgriffith$elm_ui$Element$Font$size(16),
+ $mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
])),
- title: 'Components'
+ header: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.primary),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(56)),
+ $mdgriffith$elm_ui$Element$padding(16),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
+ ])),
+ layout: $mdgriffith$elm_ui$Element$layout,
+ menuButton: $author$project$Widget$Style$Material$iconButton(palette),
+ menuIcon: $author$project$Widget$Style$Material$menu,
+ menuTabButton: $author$project$Widget$Style$Material$menuTabButton(palette),
+ moreVerticalIcon: $author$project$Widget$Style$Material$more_vert,
+ search: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(32)),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(4))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(2))
+ ])),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
+ $mdgriffith$elm_ui$Element$alignRight
+ ])),
+ searchFill: $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ searchIcon: $author$project$Widget$Style$Material$search,
+ sheet: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
+ $mdgriffith$elm_ui$Element$padding(8),
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ])),
+ sheetButton: $author$project$Widget$Style$Material$drawerButton(palette),
+ snackbar: $author$project$Widget$Style$Material$snackbar(palette),
+ spacing: 8,
+ title: _Utils_ap(
+ $author$project$Widget$Style$Material$h6,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+ ]))
};
});
+var $author$project$Widget$Style$Material$outlinedButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).container,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(palette.primary)),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary))),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonPressedOpacity, $author$project$Widget$Style$Material$gray)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary))),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonFocusOpacity, $author$project$Widget$Style$Material$gray)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, $author$project$Widget$Style$Material$gray)))
+ ]))
+ ])),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary))),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3($author$project$Widget$Style$Material$withShade, palette.primary, $author$project$Widget$Style$Material$buttonHoverOpacity, $author$project$Widget$Style$Material$gray)))
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).labelRow,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+ ])),
+ otherwise: _List_Nil,
+ text: $author$project$Widget$Style$Material$baseButton(palette).text
+ };
+};
+var $author$project$Widget$Style$Material$row = {
+ containerRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ element: _List_Nil,
+ ifFirst: _List_Nil,
+ ifLast: _List_Nil,
+ otherwise: _List_Nil
+};
+var $author$project$Data$Style$Material$sortTable = function (palette) {
+ return {
+ ascIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronUp)),
+ containerTable: _List_Nil,
+ defaultIcon: $mdgriffith$elm_ui$Element$none,
+ descIcon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$chevronDown)),
+ headerButton: $author$project$Widget$Style$Material$textButton(palette)
+ };
+};
+var $author$project$Widget$Style$Material$tabButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$buttonFont,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$width(
+ A2(
+ $mdgriffith$elm_ui$Element$minimum,
+ 90,
+ A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor(palette.primary)),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.primary)))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.primary)))
+ ]))
+ ])),
+ ifActive: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$Border$widthEach(
+ {bottom: 2, left: 0, right: 0, top: 0})
+ ]),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ])),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$centerY,
+ $mdgriffith$elm_ui$Element$centerX
+ ]),
+ otherwise: _List_Nil,
+ text: _List_Nil
+ };
+};
+var $author$project$Widget$Style$Material$tab = function (palette) {
+ return {
+ button: $author$project$Widget$Style$Material$tabButton(palette),
+ containerColumn: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ content: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ optionRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spaceEvenly,
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(4))
+ ])
+ };
+};
+var $author$project$Widget$Style$Material$textInput = function (palette) {
+ return {
+ chipButton: $author$project$Widget$Style$Material$chip(palette),
+ chipsRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8)
+ ]),
+ containerRow: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Border$rounded(4),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))),
+ $mdgriffith$elm_ui$Element$focused(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(4)),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(palette.primary))
+ ])),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$shadow(
+ $author$project$Widget$Style$Material$shadow(2))
+ ]))
+ ])),
+ input: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$width(0),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil)
+ ]))
+ };
+};
+var $author$project$Widget$Style$Material$toggleButton = function (palette) {
+ return {
+ container: _Utils_ap(
+ $author$project$Widget$Style$Material$buttonFont,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(48)),
+ $mdgriffith$elm_ui$Element$padding(4),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$mouseDown(
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonPressedOpacity, palette.surface)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonPressedOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))))
+ ]))),
+ $mdgriffith$elm_ui$Element$focused(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(
+ _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonHoverOpacity, palette.surface)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonHoverOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))))
+ ])))
+ ])),
+ ifActive: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonSelectedOpacity, palette.surface)),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A3(
+ $author$project$Widget$Style$Material$withShade,
+ palette.on.surface,
+ $author$project$Widget$Style$Material$buttonSelectedOpacity,
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface)))),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil)
+ ])),
+ ifDisabled: _Utils_ap(
+ $author$project$Widget$Style$Material$baseButton(palette).ifDisabled,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Background$color(
+ $author$project$Widget$Style$Material$fromColor(palette.surface)),
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface))),
+ $mdgriffith$elm_ui$Element$Font$color(
+ $author$project$Widget$Style$Material$fromColor($author$project$Widget$Style$Material$gray)),
+ $mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+ $mdgriffith$elm_ui$Element$mouseOver(_List_Nil)
+ ])),
+ labelRow: _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(8),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$Border$rounded(24),
+ $mdgriffith$elm_ui$Element$padding(8),
+ $mdgriffith$elm_ui$Element$focused(
+ $author$project$Widget$Style$Material$textAndBackground(
+ A3($author$project$Widget$Style$Material$withShade, palette.on.surface, $author$project$Widget$Style$Material$buttonFocusOpacity, palette.surface)))
+ ]),
+ otherwise: _Utils_ap(
+ $author$project$Widget$Style$Material$textAndBackground(palette.surface),
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$color(
+ $author$project$Widget$Style$Material$fromColor(
+ A2($author$project$Widget$Style$Material$scaleOpacity, 0.14, palette.on.surface)))
+ ])),
+ text: _List_fromArray(
+ [$mdgriffith$elm_ui$Element$centerX])
+ };
+};
+var $author$project$Data$Style$Material$style = function (palette) {
+ return {
+ button: $author$project$Widget$Style$Material$outlinedButton(palette),
+ buttonRow: $author$project$Widget$Style$Material$buttonRow,
+ cardColumn: $author$project$Widget$Style$Material$cardColumn(palette),
+ chipButton: $author$project$Widget$Style$Material$chip(palette),
+ column: $author$project$Widget$Style$Material$column,
+ dialog: $author$project$Widget$Style$Material$alertDialog(palette),
+ expansionPanel: $author$project$Widget$Style$Material$expansionPanel(palette),
+ layout: A2($author$project$Widget$Style$Material$layout, palette, 'layout'),
+ primaryButton: $author$project$Widget$Style$Material$containedButton(palette),
+ row: $author$project$Widget$Style$Material$row,
+ selectButton: $author$project$Widget$Style$Material$toggleButton(palette),
+ sortTable: $author$project$Data$Style$Material$sortTable(palette),
+ tab: $author$project$Widget$Style$Material$tab(palette),
+ textInput: $author$project$Widget$Style$Material$textInput(palette)
+ };
+};
+var $mdgriffith$elm_ui$Internal$Model$Above = {$: 'Above'};
+var $mdgriffith$elm_ui$Element$above = function (element) {
+ return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Above, element);
+};
+var $author$project$Widget$Style$Template$fontSize = 10;
+var $author$project$Widget$Style$Template$box = function (string) {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$Background$color(
+ A4($mdgriffith$elm_ui$Element$rgba, 1, 1, 1, 0.5)),
+ $mdgriffith$elm_ui$Element$padding(10),
+ $mdgriffith$elm_ui$Element$spacing(10),
+ $mdgriffith$elm_ui$Element$above(
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize)
+ ]),
+ $mdgriffith$elm_ui$Element$text(string)))
+ ]);
+};
+var $mdgriffith$elm_ui$Internal$Model$Below = {$: 'Below'};
+var $mdgriffith$elm_ui$Element$below = function (element) {
+ return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Below, element);
+};
+var $mdgriffith$elm_ui$Element$rgb = F3(
+ function (r, g, b) {
+ return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1);
+ });
+<<<<<<< HEAD
var $author$project$Layout$LeftSheet = {$: 'LeftSheet'};
var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
var $author$project$Layout$RightSheet = {$: 'RightSheet'};
@@ -15942,15 +17601,34 @@ var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'};
var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'};
var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'};
var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
+=======
+var $author$project$Widget$Style$Template$decoration = function (string) {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$below(
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize)
+ ]),
+ $mdgriffith$elm_ui$Element$text(string))),
+ $mdgriffith$elm_ui$Element$Background$color(
+ A3($mdgriffith$elm_ui$Element$rgb, 0.66, 0.66, 0.66))
+ ]);
+};
+var $author$project$Widget$Style$Template$button = function (string) {
+>>>>>>> cc2ca06... finishing the material design
return {
- _class: function () {
- var shortSide = A2($elm$core$Basics$min, window.width, window.height);
- var longSide = A2($elm$core$Basics$max, window.width, window.height);
- return (shortSide < 600) ? $mdgriffith$elm_ui$Element$Phone : ((longSide <= 1200) ? $mdgriffith$elm_ui$Element$Tablet : (((longSide > 1200) && (longSide <= 1920)) ? $mdgriffith$elm_ui$Element$Desktop : $mdgriffith$elm_ui$Element$BigDesktop));
- }(),
- orientation: (_Utils_cmp(window.width, window.height) < 0) ? $mdgriffith$elm_ui$Element$Portrait : $mdgriffith$elm_ui$Element$Landscape
+ container: $author$project$Widget$Style$Template$box(string + ':container'),
+ ifActive: $author$project$Widget$Style$Template$decoration(string + ':ifActive'),
+ ifDisabled: $author$project$Widget$Style$Template$decoration(string + ':ifDisabled'),
+ labelRow: $author$project$Widget$Style$Template$box(string + ':labelRow'),
+ otherwise: $author$project$Widget$Style$Template$decoration(string + ':otherwise'),
+ text: $author$project$Widget$Style$Template$box(string + ':text')
};
};
+<<<<<<< HEAD
var $elm$core$List$drop = F2(
function (n, list) {
drop:
@@ -16193,10 +17871,261 @@ var $elm$core$List$takeFast = F3(
var $elm$core$List$take = F2(
function (n, list) {
return A3($elm$core$List$takeFast, 0, n, list);
- });
-var $author$project$Widget$Snackbar$current = function (model) {
- return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
+=======
+var $author$project$Widget$Style$Template$column = function (string) {
+ return {
+ containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'),
+ element: $author$project$Widget$Style$Template$box(string + ':element'),
+ ifFirst: $author$project$Widget$Style$Template$box(string + ':ifFirst'),
+ ifLast: $author$project$Widget$Style$Template$box(string + ':ifLast'),
+ otherwise: $author$project$Widget$Style$Template$box(string + ':otherwise')
+ };
};
+var $author$project$Widget$Style$Template$dialog = function (string) {
+ return {
+ acceptButton: $author$project$Widget$Style$Template$button(string + ':acceptButton'),
+ buttonRow: $author$project$Widget$Style$Template$box(string + ':buttonRow'),
+ containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'),
+ dismissButton: $author$project$Widget$Style$Template$button(string + ':dismissButton'),
+ text: $author$project$Widget$Style$Template$box(string + ':text'),
+ title: $author$project$Widget$Style$Template$box(string + ':title')
+ };
+};
+var $author$project$Widget$Style$Template$icon = function (string) {
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width(
+ $mdgriffith$elm_ui$Element$px(12)),
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(12)),
+ $mdgriffith$elm_ui$Element$Border$rounded(6),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$above(
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$size($author$project$Widget$Style$Template$fontSize)
+ ]),
+ $mdgriffith$elm_ui$Element$text(string)))
+ ]),
+ $mdgriffith$elm_ui$Element$none);
+};
+var $author$project$Widget$Style$Template$expansionPanel = function (string) {
+ return {
+ collapseIcon: $author$project$Widget$Style$Template$icon(string + ':collapseIcon'),
+ containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'),
+ content: $author$project$Widget$Style$Template$box(string + ':content'),
+ expandIcon: $author$project$Widget$Style$Template$icon(string + ':expandIcon'),
+ labelRow: $author$project$Widget$Style$Template$box(string + ':labelRow'),
+ panelRow: $author$project$Widget$Style$Template$box(string + ':panelRow')
+ };
+};
+var $author$project$Widget$Style$Template$snackbar = function (string) {
+ return {
+ button: $author$project$Widget$Style$Template$button(string + ':button'),
+ containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'),
+ text: $author$project$Widget$Style$Template$box(string + ':text')
+ };
+};
+var $author$project$Widget$Style$Template$layout = function (string) {
+ return {
+ container: $author$project$Widget$Style$Template$box(string + ':container'),
+ header: $author$project$Widget$Style$Template$box(string + ':header'),
+ layout: $mdgriffith$elm_ui$Element$layout,
+ menuButton: $author$project$Widget$Style$Template$button(string + ':menuButton'),
+ menuIcon: $author$project$Widget$Style$Template$icon(string + ':menuIcon'),
+ menuTabButton: $author$project$Widget$Style$Template$button(string + ':menuTabButton'),
+ moreVerticalIcon: $author$project$Widget$Style$Template$icon(string + ':moreVerticalIcon'),
+ search: $author$project$Widget$Style$Template$box(string + ':search'),
+ searchFill: $author$project$Widget$Style$Template$box(string + ':searchFill'),
+ searchIcon: $author$project$Widget$Style$Template$icon(string + ':searchIcon'),
+ sheet: $author$project$Widget$Style$Template$box(string + ':sheet'),
+ sheetButton: $author$project$Widget$Style$Template$button(string + ':sheetButton'),
+ snackbar: $author$project$Widget$Style$Template$snackbar(string + ':snackbar'),
+ spacing: 8,
+ title: $author$project$Widget$Style$Template$box(string + ':title')
+ };
+};
+var $author$project$Widget$Style$Template$row = function (string) {
+ return {
+ containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'),
+ element: $author$project$Widget$Style$Template$box(string + ':element'),
+ ifFirst: $author$project$Widget$Style$Template$box(string + ':ifFirst'),
+ ifLast: $author$project$Widget$Style$Template$box(string + ':ifLast'),
+ otherwise: $author$project$Widget$Style$Template$box(string + ':otherwise')
+ };
+};
+var $author$project$Widget$Style$Template$sortTable = function (string) {
+ return {
+ ascIcon: $author$project$Widget$Style$Template$icon(string + ':ascIcon'),
+ containerTable: $author$project$Widget$Style$Template$box(string + ':containerTable'),
+ defaultIcon: $author$project$Widget$Style$Template$icon(string + ':defaultIcon'),
+ descIcon: $author$project$Widget$Style$Template$icon(string + ':descIcon'),
+ headerButton: $author$project$Widget$Style$Template$button(string + ':headerButton')
+ };
+};
+var $author$project$Widget$Style$Template$tab = function (string) {
+ return {
+ button: $author$project$Widget$Style$Template$button(string + ':button'),
+ containerColumn: $author$project$Widget$Style$Template$box(string + ':containerColumn'),
+ content: $author$project$Widget$Style$Template$box(string + ':content'),
+ optionRow: $author$project$Widget$Style$Template$box(string + ':optionRow')
+ };
+};
+var $author$project$Widget$Style$Template$textInput = function (string) {
+ return {
+ chipButton: $author$project$Widget$Style$Template$button(string + ':chipButton'),
+ chipsRow: $author$project$Widget$Style$Template$box(string + ':chipsRow'),
+ containerRow: $author$project$Widget$Style$Template$box(string + ':containerRow'),
+ input: $author$project$Widget$Style$Template$box(string + ':input')
+ };
+};
+var $author$project$Data$Style$Template$style = {
+ button: $author$project$Widget$Style$Template$button('button'),
+ buttonRow: $author$project$Widget$Style$Template$row('buttonRow'),
+ cardColumn: $author$project$Widget$Style$Template$column('cardRow'),
+ chipButton: $author$project$Widget$Style$Template$button('chipButton'),
+ column: $author$project$Widget$Style$Template$column('column'),
+ dialog: $author$project$Widget$Style$Template$dialog('dialog'),
+ expansionPanel: $author$project$Widget$Style$Template$expansionPanel('expansionPanel'),
+ layout: $author$project$Widget$Style$Template$layout('layout'),
+ primaryButton: $author$project$Widget$Style$Template$button('primaryButton'),
+ row: $author$project$Widget$Style$Template$row('row'),
+ selectButton: $author$project$Widget$Style$Template$button('selectButton'),
+ sortTable: $author$project$Widget$Style$Template$sortTable('sortTable'),
+ tab: $author$project$Widget$Style$Template$tab('tab'),
+ textInput: $author$project$Widget$Style$Template$textInput('textInput')
+};
+var $author$project$Data$Theme$toStyle = function (theme) {
+ switch (theme.$) {
+ case 'ElmUiFramework':
+ return $author$project$Data$Style$ElmUiFramework$style;
+ case 'Template':
+ return $author$project$Data$Style$Template$style;
+ case 'Material':
+ return $author$project$Data$Style$Material$style($author$project$Widget$Style$Material$defaultPalette);
+ default:
+ return $author$project$Data$Style$Material$style($author$project$Widget$Style$Material$darkPalette);
+ }
+};
+var $author$project$Reusable$layout = function (_v0) {
+ return _Utils_Tuple3(
+ 'Layout',
+ A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ _List_Nil,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text('The layout combines the menu bar, both side bar, the dialog window and the snackbar. Try using all of them and also try resizing the window to see how they interact with each other.'))),
+ $mdgriffith$elm_ui$Element$none);
+};
+var $author$project$Reusable$scrollingNavCard = function (_v0) {
+ return _Utils_Tuple3(
+ 'Scrolling Nav',
+ A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ _List_Nil,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))),
+ $mdgriffith$elm_ui$Element$none);
+};
+var $author$project$Widget$button = $author$project$Internal$Button$button;
+var $author$project$Reusable$snackbar = F2(
+ function (style, addSnackbar) {
+ return _Utils_Tuple3(
+ 'Snackbar',
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$button,
+ style.button,
+ {
+ icon: $mdgriffith$elm_ui$Element$none,
+ onPress: $elm$core$Maybe$Just(
+ addSnackbar(
+ _Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false))),
+ text: 'Add Notification'
+ }),
+ A2(
+ $author$project$Widget$button,
+ style.button,
+ {
+ icon: $mdgriffith$elm_ui$Element$none,
+ onPress: $elm$core$Maybe$Just(
+ addSnackbar(
+ _Utils_Tuple2('You can add another notification if you want.', true))),
+ text: 'Add Notification with Action'
+ })
+ ])),
+ $mdgriffith$elm_ui$Element$none);
+>>>>>>> cc2ca06... finishing the material design
+ });
+var $author$project$Reusable$view = function (_v0) {
+ var theme = _v0.theme;
+ var addSnackbar = _v0.addSnackbar;
+ var style = $author$project$Data$Theme$toStyle(theme);
+ return {
+ description: 'Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.',
+ items: _List_fromArray(
+ [
+ A2($author$project$Reusable$snackbar, style, addSnackbar),
+ $author$project$Reusable$scrollingNavCard(style),
+ $author$project$Reusable$layout(style)
+ ]),
+ title: 'Reusable Views'
+ };
+};
+var $author$project$Stateless$Idle = {$: 'Idle'};
+var $author$project$Data$Example$get = function (example) {
+ switch (example.$) {
+ case 'ButtonExample':
+ return function ($) {
+ return $.button;
+ };
+ case 'SelectExample':
+ return function ($) {
+ return $.select;
+ };
+ case 'MultiSelectExample':
+ return function ($) {
+ return $.multiSelect;
+ };
+ case 'ExpansionPanelExample':
+ return function ($) {
+ return $.expansionPanel;
+ };
+ case 'TabExample':
+ return function ($) {
+ return $.tab;
+ };
+ case 'SortTableExample':
+ return function ($) {
+ return $.sortTable;
+ };
+ case 'ModalExample':
+ return function ($) {
+ return $.modal;
+ };
+ case 'DialogExample':
+ return function ($) {
+ return $.dialog;
+ };
+ case 'TextInputExample':
+ return function ($) {
+ return $.textInput;
+ };
+ default:
+ return function ($) {
+ return $.list;
+ };
+ }
+};
+<<<<<<< HEAD
var $author$project$Widget$Snackbar$view = F3(
function (style, toMessage, model) {
return A2(
@@ -16227,56 +18156,382 @@ var $author$project$Widget$Snackbar$view = F3(
]));
}),
$author$project$Widget$Snackbar$current(model));
- });
-var $author$project$Layout$view = F2(
- function (attributes, _v0) {
- var search = _v0.search;
- var title = _v0.title;
- var onChangedSidebar = _v0.onChangedSidebar;
- var menu = _v0.menu;
- var actions = _v0.actions;
- var window = _v0.window;
- var dialog = _v0.dialog;
- var content = _v0.content;
- var style = _v0.style;
- var layout = _v0.layout;
- var snackbar = A2(
- $elm$core$Maybe$withDefault,
- $mdgriffith$elm_ui$Element$none,
- A2(
- $elm$core$Maybe$map,
- $mdgriffith$elm_ui$Element$el(
+=======
+var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
+ return {$: 'Label', a: a};
+};
+var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
+var $author$project$Internal$Button$iconButton = F2(
+ function (style, _v0) {
+ var onPress = _v0.onPress;
+ var text = _v0.text;
+ var icon = _v0.icon;
+ return A2(
+ $mdgriffith$elm_ui$Element$Input$button,
+ _Utils_ap(
+ style.container,
+ _Utils_ap(
+ _Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
_List_fromArray(
[
- $mdgriffith$elm_ui$Element$padding(style.spacing),
- $mdgriffith$elm_ui$Element$alignBottom,
- $mdgriffith$elm_ui$Element$alignRight
- ])),
- A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar)));
- var deviceClass = $mdgriffith$elm_ui$Element$classifyDevice(window)._class;
- var _v1 = _Utils_Tuple2(
- ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions))),
- ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))));
- var primaryActions = _v1.a;
- var moreActions = _v1.b;
- var sheet = function () {
- var _v5 = layout.active;
- if (_v5.$ === 'Just') {
- switch (_v5.a.$) {
- case 'LeftSheet':
- var _v6 = _v5.a;
- return A2(
- $mdgriffith$elm_ui$Element$el,
- _Utils_ap(
- style.sheet,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
- $mdgriffith$elm_ui$Element$alignLeft
- ])),
+ $mdgriffith$elm_ui$Element$Region$description(text)
+ ]))),
+ {
+ label: A2(
+ $mdgriffith$elm_ui$Element$el,
+ style.labelRow,
+ A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, icon)),
+ onPress: onPress
+ });
+ });
+var $author$project$Widget$iconButton = $author$project$Internal$Button$iconButton;
+var $author$project$Internal$Select$selectButton = F2(
+ function (style, _v0) {
+ var selected = _v0.a;
+ var b = _v0.b;
+ return A2(
+ $mdgriffith$elm_ui$Element$Input$button,
+ _Utils_ap(
+ style.container,
+ _Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
+ {
+ label: A2(
+ $mdgriffith$elm_ui$Element$row,
+ style.labelRow,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, b.icon),
A2(
- $mdgriffith$elm_ui$Element$column,
+ $mdgriffith$elm_ui$Element$el,
+ style.text,
+ $mdgriffith$elm_ui$Element$text(b.text))
+ ])),
+ onPress: b.onPress
+ });
+ });
+var $author$project$Widget$selectButton = $author$project$Internal$Select$selectButton;
+var $author$project$Widget$textButton = F2(
+ function (style, _v0) {
+ var text = _v0.text;
+ var onPress = _v0.onPress;
+ return A2(
+ $author$project$Internal$Button$textButton,
+ style,
+ {onPress: onPress, text: text});
+ });
+var $author$project$Icons$triangle = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'triangle',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$View$Test$button = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Button',
+ A2(
+ $author$project$Widget$button,
+ style.button,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'Button'
+ })),
+ _Utils_Tuple2(
+ 'Text button',
+ A2(
+ $author$project$Widget$textButton,
+ style.button,
+ {
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'Button'
+ })),
+ _Utils_Tuple2(
+ 'Icon button',
+ A2(
+ $author$project$Widget$iconButton,
+ style.button,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'Button'
+ })),
+ _Utils_Tuple2(
+ 'Disabled button',
+ A2(
+ $author$project$Widget$button,
+ style.button,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Nothing,
+ text: 'Button'
+ })),
+ _Utils_Tuple2(
+ 'Inactive Select button',
+ A2(
+ $author$project$Widget$selectButton,
+ style.button,
+ _Utils_Tuple2(
+ false,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'Button'
+ }))),
+ _Utils_Tuple2(
+ 'Active Select button',
+ A2(
+ $author$project$Widget$selectButton,
+ style.button,
+ _Utils_Tuple2(
+ true,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'Button'
+ })))
+ ]);
+>>>>>>> cc2ca06... finishing the material design
+ });
+var $author$project$View$Test$dialog = F2(
+ function (_v0, _v1) {
+ return _List_Nil;
+ });
+var $author$project$Internal$ExpansionPanel$expansionPanel = F2(
+ function (style, model) {
+ return A2(
+ $mdgriffith$elm_ui$Element$column,
+ style.containerColumn,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$Events$onClick(
+ model.onToggle(!model.isExpanded)),
+ style.panelRow),
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ style.labelRow,
+ _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, model.icon),
+ $mdgriffith$elm_ui$Element$text(model.text)
+ ])),
+ A2(
+ $mdgriffith$elm_ui$Element$map,
+ $elm$core$Basics$never,
+ model.isExpanded ? style.collapseIcon : style.expandIcon)
+ ])),
+ model.isExpanded ? A2($mdgriffith$elm_ui$Element$el, style.content, model.content) : $mdgriffith$elm_ui$Element$none
+ ]));
+ });
+var $author$project$Widget$expansionPanel = $author$project$Internal$ExpansionPanel$expansionPanel;
+var $author$project$View$Test$expansionPanel = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Collapsed',
+ A2(
+ $author$project$Widget$expansionPanel,
+ style.expansionPanel,
+ {
+ content: $mdgriffith$elm_ui$Element$text('Hidden Message'),
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ isExpanded: false,
+ onToggle: $elm$core$Basics$always(idle),
+ text: 'Button'
+ })),
+ _Utils_Tuple2(
+ 'Expanded',
+ A2(
+ $author$project$Widget$expansionPanel,
+ style.expansionPanel,
+ {
+ content: $mdgriffith$elm_ui$Element$text('Hidden Message'),
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ isExpanded: true,
+ onToggle: $elm$core$Basics$always(idle),
+ text: 'Button'
+ }))
+ ]);
+ });
+var $author$project$Internal$List$row = function (style) {
+ return A2(
+ $elm$core$Basics$composeR,
+ $author$project$Internal$List$internal(style),
+ $mdgriffith$elm_ui$Element$row(style.containerRow));
+};
+var $author$project$Widget$row = $author$project$Internal$List$row;
+var $author$project$View$Test$list = F2(
+ function (_v0, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Row',
+ A2(
+ $author$project$Widget$row,
+ style.row,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$text('A'),
+ $mdgriffith$elm_ui$Element$text('B'),
+ $mdgriffith$elm_ui$Element$text('C')
+ ]))),
+ _Utils_Tuple2(
+ 'Column',
+ A2(
+ $author$project$Widget$column,
+ style.cardColumn,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$text('A'),
+ $mdgriffith$elm_ui$Element$text('B'),
+ $mdgriffith$elm_ui$Element$text('C')
+ ]))),
+ _Utils_Tuple2(
+ 'Singleton List',
+ A2(
+ $author$project$Widget$column,
+ style.cardColumn,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$text('A')
+ ]))),
+ _Utils_Tuple2(
+ 'Empty List',
+ A2($author$project$Widget$column, style.cardColumn, _List_Nil))
+ ]);
+ });
+var $author$project$View$Test$modal = F2(
+ function (_v0, _v1) {
+ return _List_Nil;
+ });
+var $author$project$Internal$List$internalButton = F2(
+ function (style, list) {
+ return A2(
+ $elm$core$List$indexedMap,
+ function (i) {
+ return A2(
+ $elm$core$Basics$composeR,
+ $author$project$Internal$Select$selectButton(
+ {
+ container: _Utils_ap(
+ style.button.container,
+ _Utils_ap(
+ style.list.element,
+ ($elm$core$List$length(list) === 1) ? _List_Nil : ((!i) ? style.list.ifFirst : (_Utils_eq(
+ i,
+ $elm$core$List$length(list) - 1) ? style.list.ifLast : style.list.otherwise)))),
+ ifActive: style.button.ifActive,
+ ifDisabled: style.button.ifDisabled,
+ labelRow: style.button.labelRow,
+ otherwise: style.button.otherwise,
+ text: style.button.text
+ }),
+ $mdgriffith$elm_ui$Element$el(_List_Nil));
+ },
+ list);
+ });
+var $author$project$Internal$List$buttonRow = function (style) {
+ return A2(
+ $elm$core$Basics$composeR,
+ $author$project$Internal$List$internalButton(style),
+ $mdgriffith$elm_ui$Element$row(style.list.containerRow));
+};
+var $author$project$Widget$buttonRow = $author$project$Internal$List$buttonRow;
+var $elm$core$Set$fromList = function (list) {
+ return A3($elm$core$List$foldl, $elm$core$Set$insert, $elm$core$Set$empty, list);
+};
+var $author$project$Internal$Select$multiSelect = function (_v0) {
+ var selected = _v0.selected;
+ var options = _v0.options;
+ var onSelect = _v0.onSelect;
+ return A2(
+ $elm$core$List$indexedMap,
+ F2(
+ function (i, a) {
+ return _Utils_Tuple2(
+ A2($elm$core$Set$member, i, selected),
+ {
+ icon: a.icon,
+ onPress: onSelect(i),
+ text: a.text
+ });
+ }),
+ options);
+};
+var $author$project$Widget$multiSelect = $author$project$Internal$Select$multiSelect;
+var $elm$core$Dict$singleton = F2(
+ function (key, value) {
+ return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, key, value, $elm$core$Dict$RBEmpty_elm_builtin, $elm$core$Dict$RBEmpty_elm_builtin);
+ });
+var $elm$core$Set$singleton = function (key) {
+ return $elm$core$Set$Set_elm_builtin(
+ A2($elm$core$Dict$singleton, key, _Utils_Tuple0));
+};
+var $author$project$View$Test$multiSelect = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Some selected',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
_List_fromArray(
+ [1, 2, 42])),
+ selected: $elm$core$Set$fromList(
+ _List_fromArray(
+<<<<<<< HEAD
[
$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
]),
@@ -16296,14 +18551,54 @@ var $author$project$Layout$view = F2(
$mdgriffith$elm_ui$Element$el,
_Utils_ap(
style.sheet,
+=======
+ [0, 1]))
+ }))),
+ _Utils_Tuple2(
+ 'Nothing selected',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+>>>>>>> cc2ca06... finishing the material design
_List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
- $mdgriffith$elm_ui$Element$alignRight
- ])),
- A2(
- $mdgriffith$elm_ui$Element$column,
+ [1, 2, 42])),
+ selected: $elm$core$Set$empty
+ }))),
+ _Utils_Tuple2(
+ 'Invalid selection',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
_List_fromArray(
+<<<<<<< HEAD
[
$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
]),
@@ -16319,356 +18614,230 @@ var $author$project$Layout$view = F2(
var label = search.a.label;
return A2(
$mdgriffith$elm_ui$Element$el,
+=======
+ [1, 2, 42])),
+ selected: $elm$core$Set$singleton(-1)
+ }))),
+ _Utils_Tuple2(
+ 'Disabled selection',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+>>>>>>> cc2ca06... finishing the material design
_List_fromArray(
- [
- $mdgriffith$elm_ui$Element$alignTop,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
- ]),
- A2(
- $mdgriffith$elm_ui$Element$Input$text,
- _Utils_ap(
- style.searchFill,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
- ])),
- {
- label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
- onChange: onChange,
- placeholder: $elm$core$Maybe$Just(
- A2(
- $mdgriffith$elm_ui$Element$Input$placeholder,
- _List_Nil,
- $mdgriffith$elm_ui$Element$text(label))),
- text: text
- }));
- } else {
- return $mdgriffith$elm_ui$Element$none;
- }
- }
- } else {
- return $mdgriffith$elm_ui$Element$none;
- }
- }();
- var nav = A2(
- $mdgriffith$elm_ui$Element$row,
- _Utils_ap(
- style.header,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$padding(0),
- $mdgriffith$elm_ui$Element$centerX,
- $mdgriffith$elm_ui$Element$spacing(style.spacing),
- $mdgriffith$elm_ui$Element$alignTop,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
- ])),
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$row,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
- $mdgriffith$elm_ui$Element$spacing(style.spacing)
- ]),
- (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
- [
- A2(
- $author$project$Widget$Button$viewIconOnly,
- style.menuButton,
- {
- icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon),
- onPress: $elm$core$Maybe$Just(
- onChangedSidebar(
- $elm$core$Maybe$Just($author$project$Layout$LeftSheet))),
- text: 'Menu'
- }),
- A2(
- $elm$core$Maybe$withDefault,
- title,
- A2(
- $elm$core$Maybe$map,
- A2(
- $elm$core$Basics$composeR,
- function ($) {
- return $.text;
- },
- A2(
- $elm$core$Basics$composeR,
- $mdgriffith$elm_ui$Element$text,
- $mdgriffith$elm_ui$Element$el(style.title))),
- A2(
- $elm$core$Maybe$andThen,
- function (option) {
- return A2(
- $elm$core$Array$get,
- option,
- $elm$core$Array$fromList(menu.options));
- },
- menu.selected)))
- ]) : _List_fromArray(
- [
- title,
- A2(
- $mdgriffith$elm_ui$Element$row,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
- ]),
- A2(
+ [1, 2, 42])),
+ selected: $elm$core$Set$singleton(0)
+ }))),
+ _Utils_Tuple2(
+ 'Empty Options',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
$elm$core$List$map,
- $author$project$Core$Style$menuTabButton(style),
- $author$project$Widget$select(menu)))
- ])),
- (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
- $elm$core$Maybe$withDefault,
- $mdgriffith$elm_ui$Element$none,
- A2(
- $elm$core$Maybe$map,
- function (_v3) {
- var onChange = _v3.onChange;
- var text = _v3.text;
- var label = _v3.label;
- return A2(
- $mdgriffith$elm_ui$Element$Input$text,
- style.search,
- {
- label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
- onChange: onChange,
- placeholder: $elm$core$Maybe$Just(
- A2(
- $mdgriffith$elm_ui$Element$Input$placeholder,
- _List_Nil,
- $mdgriffith$elm_ui$Element$text(label))),
- text: text
- });
- },
- search)),
- A2(
- $mdgriffith$elm_ui$Element$row,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
- $mdgriffith$elm_ui$Element$alignRight
- ]),
- $elm$core$List$concat(
- _List_fromArray(
- [
- A2(
- $elm$core$Maybe$withDefault,
- _List_Nil,
- A2(
- $elm$core$Maybe$map,
- function (_v4) {
- var label = _v4.label;
- return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray(
- [
- A2(
- $author$project$Widget$Button$view,
- style.menuButton,
- {
- icon: style.searchIcon,
- onPress: $elm$core$Maybe$Just(
- onChangedSidebar(
- $elm$core$Maybe$Just($author$project$Layout$Search))),
- text: label
- })
- ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
- [
- A2(
- $author$project$Core$Style$menuIconButton,
- style,
- {
- icon: style.searchIcon,
- onPress: $elm$core$Maybe$Just(
- onChangedSidebar(
- $elm$core$Maybe$Just($author$project$Layout$Search))),
- text: label
- })
- ]) : _List_Nil);
- },
- search)),
- A2(
- $elm$core$List$map,
- _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Core$Style$menuIconButton(style) : $author$project$Widget$Button$view(style.menuButton),
- primaryActions),
- $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
- [
- A2(
- $author$project$Widget$Button$viewIconOnly,
- style.menuButton,
- {
- icon: style.moreVerticalIcon,
- onPress: $elm$core$Maybe$Just(
- onChangedSidebar(
- $elm$core$Maybe$Just($author$project$Layout$RightSheet))),
- text: 'More'
- })
- ])
- ])))
- ]));
- return A2(
- style.layout,
- $elm$core$List$concat(
- _List_fromArray(
- [
- attributes,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$inFront(nav),
- $mdgriffith$elm_ui$Element$inFront(snackbar)
- ]),
- ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) ? A2(
- $elm$core$List$cons,
- $mdgriffith$elm_ui$Element$height(
- $mdgriffith$elm_ui$Element$px(window.height)),
- function () {
- if (dialog.$ === 'Just') {
- var dialogConfig = dialog.a;
- return $author$project$Widget$modal(dialogConfig);
- } else {
- return $author$project$Widget$modal(
- {
- content: sheet,
- onDismiss: $elm$core$Maybe$Just(
- onChangedSidebar($elm$core$Maybe$Nothing))
- });
- }
- }()) : _List_Nil
- ])),
- content);
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_Nil),
+ selected: $elm$core$Set$empty
+ })))
+ ]);
});
-var $author$project$Reusable$scrollingNavCard = _Utils_Tuple2(
- 'Scrolling Nav',
- A2(
- $mdgriffith$elm_ui$Element$paragraph,
- _List_Nil,
- $elm$core$List$singleton(
- $mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))));
-var $author$project$Reusable$snackbar = function (addSnackbar) {
- return _Utils_Tuple2(
- 'Snackbar',
- A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$Input$button,
- $Orasund$elm_ui_framework$Framework$Button$simple,
- {
- label: A2(
- $mdgriffith$elm_ui$Element$paragraph,
- _List_Nil,
- $elm$core$List$singleton(
- $mdgriffith$elm_ui$Element$text('Add Notification'))),
- onPress: $elm$core$Maybe$Just(
- addSnackbar(
- _Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false)))
- }),
- A2(
- $mdgriffith$elm_ui$Element$Input$button,
- $Orasund$elm_ui_framework$Framework$Button$simple,
- {
- label: A2(
- $mdgriffith$elm_ui$Element$paragraph,
- _List_Nil,
- $elm$core$List$singleton(
- $mdgriffith$elm_ui$Element$text('Add Notification with Action'))),
- onPress: $elm$core$Maybe$Just(
- addSnackbar(
- _Utils_Tuple2('You can add another notification if you want.', true)))
- })
- ])));
-};
-var $author$project$Reusable$SortBy = function (a) {
- return {$: 'SortBy', a: a};
-};
-var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown = function (attrs) {
+var $author$project$Internal$Select$select = function (_v0) {
+ var selected = _v0.selected;
+ var options = _v0.options;
+ var onSelect = _v0.onSelect;
return A2(
- $elm$svg$Svg$svg,
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$fill('currentColor'),
- attrs)),
- _List_fromArray(
- [
- A2(
- $elm$svg$Svg$path,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$fillRule('evenodd'),
- $elm$svg$Svg$Attributes$d('M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'),
- $elm$svg$Svg$Attributes$clipRule('evenodd')
- ]),
- _List_Nil)
- ]));
+ $elm$core$List$indexedMap,
+ F2(
+ function (i, a) {
+ return _Utils_Tuple2(
+ _Utils_eq(
+ selected,
+ $elm$core$Maybe$Just(i)),
+ {
+ icon: a.icon,
+ onPress: onSelect(i),
+ text: a.text
+ });
+ }),
+ options);
};
-var $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronUp = function (attrs) {
- return A2(
- $elm$svg$Svg$svg,
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
- A2(
- $elm$core$List$cons,
- $elm$svg$Svg$Attributes$fill('currentColor'),
- attrs)),
- _List_fromArray(
+var $author$project$Widget$select = $author$project$Internal$Select$select;
+var $author$project$View$Test$select = F2(
+ function (idle, style) {
+ return _List_fromArray(
[
+ _Utils_Tuple2(
+ 'First selected',
A2(
- $elm$svg$Svg$path,
- _List_fromArray(
- [
- $elm$svg$Svg$Attributes$fillRule('evenodd'),
- $elm$svg$Svg$Attributes$d('M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z'),
- $elm$svg$Svg$Attributes$clipRule('evenodd')
- ]),
- _List_Nil)
- ]));
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: $elm$core$Maybe$Just(0)
+ }))),
+ _Utils_Tuple2(
+ 'Nothing selected',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: $elm$core$Maybe$Nothing
+ }))),
+ _Utils_Tuple2(
+ 'Invalid selection',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: $elm$core$Maybe$Just(-1)
+ }))),
+ _Utils_Tuple2(
+ 'Disabled selection',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: $elm$core$Maybe$Just(0)
+ }))),
+ _Utils_Tuple2(
+ 'Empty Options',
+ A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_Nil),
+ selected: $elm$core$Maybe$Nothing
+ })))
+ ]);
+ });
+var $author$project$Internal$SortTable$Column = function (a) {
+ return {$: 'Column', a: a};
};
-var $author$project$Widget$SortTable$FloatColumn = function (a) {
+var $author$project$Internal$SortTable$FloatColumn = function (a) {
return {$: 'FloatColumn', a: a};
};
-var $author$project$Widget$SortTable$floatColumn = function (_v0) {
+var $author$project$Internal$SortTable$floatColumn = function (_v0) {
var title = _v0.title;
var value = _v0.value;
var toString = _v0.toString;
- return {
- content: $author$project$Widget$SortTable$FloatColumn(
- {toString: toString, value: value}),
- title: title
- };
+ var width = _v0.width;
+ return $author$project$Internal$SortTable$Column(
+ {
+ content: $author$project$Internal$SortTable$FloatColumn(
+ {toString: toString, value: value}),
+ title: title,
+ width: width
+ });
};
-var $author$project$Widget$SortTable$IntColumn = function (a) {
+var $author$project$Widget$floatColumn = $author$project$Internal$SortTable$floatColumn;
+var $author$project$Internal$SortTable$IntColumn = function (a) {
return {$: 'IntColumn', a: a};
};
-var $author$project$Widget$SortTable$intColumn = function (_v0) {
+var $author$project$Internal$SortTable$intColumn = function (_v0) {
var title = _v0.title;
var value = _v0.value;
var toString = _v0.toString;
- return {
- content: $author$project$Widget$SortTable$IntColumn(
- {toString: toString, value: value}),
- title: title
- };
-};
-var $author$project$Widget$SortTable$StringColumn = function (a) {
- return {$: 'StringColumn', a: a};
-};
-var $author$project$Widget$SortTable$stringColumn = function (_v0) {
- var title = _v0.title;
- var value = _v0.value;
- var toString = _v0.toString;
- return {
- content: $author$project$Widget$SortTable$StringColumn(
- {toString: toString, value: value}),
- title: title
- };
+ var width = _v0.width;
+ return $author$project$Internal$SortTable$Column(
+ {
+ content: $author$project$Internal$SortTable$IntColumn(
+ {toString: toString, value: value}),
+ title: title,
+ width: width
+ });
};
+var $author$project$Widget$intColumn = $author$project$Internal$SortTable$intColumn;
var $mdgriffith$elm_ui$Element$InternalColumn = function (a) {
return {$: 'InternalColumn', a: a};
};
@@ -16747,6 +18916,27 @@ var $mdgriffith$elm_ui$Element$tableHelper = F2(
$mdgriffith$elm_ui$Internal$Model$div,
_List_fromArray(
[
+<<<<<<< HEAD
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$spacing(style.spacing)
+ ]),
+ (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$Button$viewIconOnly,
+ style.menuButton,
+ {
+ icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon),
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Layout$LeftSheet))),
+ text: 'Menu'
+ }),
+ A2(
+ $elm$core$Maybe$withDefault,
+ title,
+=======
+>>>>>>> cc2ca06... finishing the material design
A2(
$mdgriffith$elm_ui$Internal$Model$StyleClass,
$mdgriffith$elm_ui$Internal$Flag$gridPosition,
@@ -16893,134 +19083,1146 @@ var $mdgriffith$elm_ui$Element$table = F2(
data: config.data
});
});
-var $elm$core$List$sortBy = _List_sortBy;
-var $author$project$Widget$SortTable$view = function (_v0) {
- var content = _v0.content;
- var columns = _v0.columns;
- var model = _v0.model;
- var findTitle = function (list) {
- findTitle:
- while (true) {
- if (!list.b) {
- return $elm$core$Maybe$Nothing;
- } else {
- var head = list.a;
- var tail = list.b;
- if (_Utils_eq(head.title, model.title)) {
- return $elm$core$Maybe$Just(head.content);
+var $author$project$Internal$SortTable$sortTable = F2(
+ function (style, model) {
+ var findTitle = function (list) {
+ findTitle:
+ while (true) {
+ if (!list.b) {
+ return $elm$core$Maybe$Nothing;
} else {
- var $temp$list = tail;
- list = $temp$list;
- continue findTitle;
+ var head = list.a.a;
+ var tail = list.b;
+ if (_Utils_eq(head.title, model.sortBy)) {
+ return $elm$core$Maybe$Just(head.content);
+ } else {
+ var $temp$list = tail;
+ list = $temp$list;
+ continue findTitle;
+ }
}
}
- }
- };
- return {
- columns: A2(
- $elm$core$List$map,
- function (column) {
- return {
- header: column.title,
- view: function () {
- var _v2 = column.content;
- switch (_v2.$) {
- case 'IntColumn':
- var value = _v2.a.value;
- var toString = _v2.a.toString;
- return A2($elm$core$Basics$composeR, value, toString);
- case 'FloatColumn':
- var value = _v2.a.value;
- var toString = _v2.a.toString;
- return A2($elm$core$Basics$composeR, value, toString);
- default:
- var value = _v2.a.value;
- var toString = _v2.a.toString;
- return A2($elm$core$Basics$composeR, value, toString);
- }
- }()
- };
- },
- columns),
- data: (model.asc ? $elm$core$Basics$identity : $elm$core$List$reverse)(
- A3(
- $elm$core$Basics$apR,
- A2(
- $elm$core$Maybe$map,
- function (c) {
- switch (c.$) {
- case 'StringColumn':
- var value = c.a.value;
- return $elm$core$List$sortBy(value);
- case 'IntColumn':
- var value = c.a.value;
- return $elm$core$List$sortBy(value);
- default:
- var value = c.a.value;
- return $elm$core$List$sortBy(value);
- }
- },
- findTitle(columns)),
- $elm$core$Maybe$withDefault($elm$core$Basics$identity),
- content))
- };
-};
-var $author$project$Reusable$sortTable = function (model) {
- return _Utils_Tuple2(
- 'Sort Table',
- A2(
+ };
+ return A2(
$mdgriffith$elm_ui$Element$table,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- function (_v0) {
- var data = _v0.data;
- var columns = _v0.columns;
- return {
- columns: A2(
- $elm$core$List$map,
- function (config) {
- return {
- header: A2(
- $mdgriffith$elm_ui$Element$Input$button,
- _List_fromArray(
- [$mdgriffith$elm_ui$Element$Font$bold]),
- {
- label: _Utils_eq(config.header, model.title) ? A2(
- $mdgriffith$elm_ui$Element$row,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [$mdgriffith$elm_ui$Element$Font$bold])),
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$text(config.header),
- $mdgriffith$elm_ui$Element$html(
- model.asc ? $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronUp(
- _List_fromArray(
- [
- $elm$html$Html$Attributes$width(16)
- ])) : $jasonliang512$elm_heroicons$Heroicons$Solid$cheveronDown(
- _List_fromArray(
- [
- $elm$html$Html$Attributes$width(16)
- ])))
- ])) : $mdgriffith$elm_ui$Element$text(config.header),
- onPress: $elm$core$Maybe$Just(
- $author$project$Reusable$SortBy(
- {
- asc: _Utils_eq(config.header, model.title) ? (!model.asc) : true,
- title: config.header
- }))
- }),
- view: A2($elm$core$Basics$composeR, config.view, $mdgriffith$elm_ui$Element$text),
- width: $mdgriffith$elm_ui$Element$fill
- };
- },
- columns),
- data: data
- };
- }(
- $author$project$Widget$SortTable$view(
+ style.containerTable,
+ {
+ columns: A2(
+ $elm$core$List$map,
+ function (_v1) {
+ var column = _v1.a;
+ return {
+ header: A2(
+ $author$project$Internal$Button$button,
+ style.headerButton,
+ {
+ icon: _Utils_eq(column.title, model.sortBy) ? (model.asc ? style.ascIcon : style.descIcon) : style.defaultIcon,
+ onPress: function () {
+ var _v2 = column.content;
+ if (_v2.$ === 'UnsortableColumn') {
+ return $elm$core$Maybe$Nothing;
+ } else {
+ return $elm$core$Maybe$Just(
+ model.onChange(column.title));
+ }
+ }(),
+ text: column.title
+ }),
+ view: A2(
+ $elm$core$Basics$composeR,
+ function () {
+ var _v3 = column.content;
+ switch (_v3.$) {
+ case 'IntColumn':
+ var value = _v3.a.value;
+ var toString = _v3.a.toString;
+ return A2($elm$core$Basics$composeR, value, toString);
+ case 'FloatColumn':
+ var value = _v3.a.value;
+ var toString = _v3.a.toString;
+ return A2($elm$core$Basics$composeR, value, toString);
+ case 'StringColumn':
+ var value = _v3.a.value;
+ var toString = _v3.a.toString;
+ return A2($elm$core$Basics$composeR, value, toString);
+ default:
+ var toString = _v3.a;
+ return toString;
+ }
+ }(),
+ A2(
+ $elm$core$Basics$composeR,
+ $mdgriffith$elm_ui$Element$text,
+ A2(
+ $elm$core$Basics$composeR,
+ $elm$core$List$singleton,
+ $mdgriffith$elm_ui$Element$paragraph(_List_Nil)))),
+ width: column.width
+ };
+ },
+ model.columns),
+ data: (model.asc ? $elm$core$Basics$identity : $elm$core$List$reverse)(
+ A3(
+ $elm$core$Basics$apR,
+ A2(
+ $elm$core$Maybe$andThen,
+ function (c) {
+ switch (c.$) {
+ case 'StringColumn':
+ var value = c.a.value;
+ return $elm$core$Maybe$Just(
+ $elm$core$List$sortBy(value));
+ case 'IntColumn':
+ var value = c.a.value;
+ return $elm$core$Maybe$Just(
+ $elm$core$List$sortBy(value));
+ case 'FloatColumn':
+ var value = c.a.value;
+ return $elm$core$Maybe$Just(
+ $elm$core$List$sortBy(value));
+ default:
+ return $elm$core$Maybe$Nothing;
+ }
+ },
+ findTitle(model.columns)),
+ $elm$core$Maybe$withDefault($elm$core$Basics$identity),
+ model.content))
+ });
+ });
+var $author$project$Widget$sortTable = $author$project$Internal$SortTable$sortTable;
+var $author$project$Internal$SortTable$StringColumn = function (a) {
+ return {$: 'StringColumn', a: a};
+};
+var $author$project$Internal$SortTable$stringColumn = function (_v0) {
+ var title = _v0.title;
+ var value = _v0.value;
+ var toString = _v0.toString;
+ var width = _v0.width;
+ return $author$project$Internal$SortTable$Column(
+ {
+ content: $author$project$Internal$SortTable$StringColumn(
+ {toString: toString, value: value}),
+ title: title,
+ width: width
+ });
+};
+var $author$project$Widget$stringColumn = $author$project$Internal$SortTable$stringColumn;
+var $author$project$Internal$SortTable$UnsortableColumn = function (a) {
+ return {$: 'UnsortableColumn', a: a};
+};
+var $author$project$Internal$SortTable$unsortableColumn = function (_v0) {
+ var title = _v0.title;
+ var toString = _v0.toString;
+ var width = _v0.width;
+ return $author$project$Internal$SortTable$Column(
+ {
+ content: $author$project$Internal$SortTable$UnsortableColumn(toString),
+ title: title,
+ width: width
+ });
+};
+var $author$project$Widget$unsortableColumn = $author$project$Internal$SortTable$unsortableColumn;
+var $author$project$View$Test$sortTable = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Int column',
+ A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
{
+ asc: true,
+ columns: _List_fromArray(
+ [
+ $author$project$Widget$intColumn(
+ {
+ title: 'Id',
+ toString: function (_int) {
+ return '#' + $elm$core$String$fromInt(_int);
+ },
+<<<<<<< HEAD
+ menu.selected)))
+ ]) : _List_fromArray(
+ [
+ title,
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ ]),
+ A2(
+ $elm$core$List$map,
+ $author$project$Core$Style$menuTabButton(style),
+ $author$project$Widget$select(menu)))
+ ])),
+ (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Element$none,
+ A2(
+ $elm$core$Maybe$map,
+ function (_v3) {
+ var onChange = _v3.onChange;
+ var text = _v3.text;
+ var label = _v3.label;
+ return A2(
+ $mdgriffith$elm_ui$Element$Input$text,
+ style.search,
+=======
+ value: function ($) {
+ return $.id;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$stringColumn(
+>>>>>>> cc2ca06... finishing the material design
+ {
+ title: 'Name',
+ toString: $elm$core$Basics$identity,
+ value: function ($) {
+ return $.name;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ })
+ ]),
+ content: _List_fromArray(
+ [
+<<<<<<< HEAD
+ A2(
+ $elm$core$Maybe$withDefault,
+ _List_Nil,
+ A2(
+ $elm$core$Maybe$map,
+ function (_v4) {
+ var label = _v4.label;
+ return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$Button$view,
+ style.menuButton,
+ {
+ icon: style.searchIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Layout$Search))),
+ text: label
+ })
+ ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Core$Style$menuIconButton,
+ style,
+ {
+ icon: style.searchIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Layout$Search))),
+ text: label
+ })
+ ]) : _List_Nil);
+ },
+ search)),
+ A2(
+ $elm$core$List$map,
+ _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Core$Style$menuIconButton(style) : $author$project$Widget$Button$view(style.menuButton),
+ primaryActions),
+ $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$Button$viewIconOnly,
+ style.menuButton,
+ {
+ icon: style.moreVerticalIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Layout$RightSheet))),
+ text: 'More'
+ })
+ ])
+ ])))
+ ]));
+ return A2(
+ style.layout,
+ $elm$core$List$concat(
+ _List_fromArray(
+ [
+ attributes,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$inFront(nav),
+ $mdgriffith$elm_ui$Element$inFront(snackbar)
+ ]),
+ ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) ? A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(window.height)),
+ function () {
+ if (dialog.$ === 'Just') {
+ var dialogConfig = dialog.a;
+ return $author$project$Widget$modal(dialogConfig);
+ } else {
+ return $author$project$Widget$modal(
+ {
+ content: sheet,
+ onDismiss: $elm$core$Maybe$Just(
+ onChangedSidebar($elm$core$Maybe$Nothing))
+ });
+=======
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+ }
+ ]),
+ onChange: $elm$core$Basics$always(idle),
+ sortBy: 'Id'
+ })),
+ _Utils_Tuple2(
+ 'Name column',
+ A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
+ {
+ asc: true,
+ columns: _List_fromArray(
+ [
+ $author$project$Widget$stringColumn(
+ {
+ title: 'Name',
+ toString: $elm$core$Basics$identity,
+ value: function ($) {
+ return $.name;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$floatColumn(
+ {
+ title: 'Rating',
+ toString: $elm$core$String$fromFloat,
+ value: function ($) {
+ return $.rating;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ })
+ ]),
+ content: _List_fromArray(
+ [
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+ }
+ ]),
+ onChange: $elm$core$Basics$always(idle),
+ sortBy: 'Name'
+ })),
+ _Utils_Tuple2(
+ 'Float column',
+ A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
+ {
+ asc: false,
+ columns: _List_fromArray(
+ [
+ $author$project$Widget$floatColumn(
+ {
+ title: 'Rating',
+ toString: $elm$core$String$fromFloat,
+ value: function ($) {
+ return $.rating;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$unsortableColumn(
+ {
+ title: 'Hash',
+ toString: A2(
+ $elm$core$Basics$composeR,
+ function ($) {
+ return $.hash;
+ },
+ $elm$core$Maybe$withDefault('None')),
+ width: $mdgriffith$elm_ui$Element$fill
+ })
+ ]),
+ content: _List_fromArray(
+ [
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+ }
+ ]),
+ onChange: $elm$core$Basics$always(idle),
+ sortBy: 'Rating'
+ })),
+ _Utils_Tuple2(
+ 'Unsortable column',
+ A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
+ {
+ asc: true,
+ columns: _List_fromArray(
+ [
+ $author$project$Widget$floatColumn(
+ {
+ title: 'Rating',
+ toString: $elm$core$String$fromFloat,
+ value: function ($) {
+ return $.rating;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$unsortableColumn(
+ {
+ title: 'Hash',
+ toString: A2(
+ $elm$core$Basics$composeR,
+ function ($) {
+ return $.hash;
+ },
+ $elm$core$Maybe$withDefault('None')),
+ width: $mdgriffith$elm_ui$Element$fill
+ })
+ ]),
+ content: _List_fromArray(
+ [
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+ }
+ ]),
+ onChange: $elm$core$Basics$always(idle),
+ sortBy: 'Hash'
+ })),
+ _Utils_Tuple2(
+ 'Empty Table',
+ A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
+ {
+ asc: true,
+ columns: _List_Nil,
+ content: _List_fromArray(
+ [
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+>>>>>>> cc2ca06... finishing the material design
+ }
+ ]),
+ onChange: $elm$core$Basics$always(idle),
+ sortBy: ''
+ }))
+ ]);
+ });
+var $author$project$Internal$Tab$tab = F2(
+ function (style, _v0) {
+ var tabs = _v0.tabs;
+ var content = _v0.content;
+ return A2(
+ $mdgriffith$elm_ui$Element$column,
+ style.containerColumn,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ style.optionRow,
+ A2(
+ $elm$core$List$map,
+ $author$project$Internal$Select$selectButton(style.button),
+ $author$project$Internal$Select$select(tabs))),
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ style.content,
+ content(tabs.selected))
+ ]));
+ });
+var $author$project$Widget$tab = $author$project$Internal$Tab$tab;
+var $author$project$View$Test$tab = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Nothing selected',
+ A2(
+ $author$project$Widget$tab,
+ style.tab,
+ {
+ content: function (selected) {
+ return $mdgriffith$elm_ui$Element$text(
+ function () {
+ if (selected.$ === 'Nothing') {
+ return 'Please select a tab';
+ } else {
+ return '';
+ }
+ }());
+ },
+ tabs: {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 3])),
+ selected: $elm$core$Maybe$Nothing
+ }
+ })),
+ _Utils_Tuple2(
+ 'Tab selected',
+ A2(
+ $author$project$Widget$tab,
+ style.tab,
+ {
+ content: function (selected) {
+ return $mdgriffith$elm_ui$Element$text(
+ function () {
+ if ((selected.$ === 'Just') && (!selected.a)) {
+ return 'First Tab selected';
+ } else {
+ return 'Please select a tab';
+ }
+ }());
+ },
+ tabs: {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $elm$core$Basics$always(idle),
+ $elm$core$Maybe$Just),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 3])),
+ selected: $elm$core$Maybe$Just(0)
+ }
+ }))
+ ]);
+ });
+var $author$project$Icons$circle = A2(
+ $author$project$Icons$svgFeatherIcon,
+ 'circle',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('12'),
+ $elm$svg$Svg$Attributes$cy('12'),
+ $elm$svg$Svg$Attributes$r('10')
+ ]),
+ _List_Nil)
+ ]));
+var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) {
+ return {$: 'HiddenLabel', a: a};
+};
+var $mdgriffith$elm_ui$Element$Input$labelHidden = $mdgriffith$elm_ui$Element$Input$HiddenLabel;
+var $mdgriffith$elm_ui$Element$Input$TextInputNode = function (a) {
+ return {$: 'TextInputNode', a: a};
+};
+var $mdgriffith$elm_ui$Element$Input$TextArea = {$: 'TextArea'};
+var $mdgriffith$elm_ui$Internal$Model$LivePolite = {$: 'LivePolite'};
+var $mdgriffith$elm_ui$Element$Region$announce = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$LivePolite);
+var $mdgriffith$elm_ui$Element$Input$applyLabel = F3(
+ function (attrs, label, input) {
+ if (label.$ === 'HiddenLabel') {
+ var labelText = label.a;
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asColumn,
+ $mdgriffith$elm_ui$Internal$Model$NodeName('label'),
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [input])));
+ } else {
+ var position = label.a;
+ var labelAttrs = label.b;
+ var labelChild = label.c;
+ var labelElement = A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ labelAttrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [labelChild])));
+ switch (position.$) {
+ case 'Above':
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asColumn,
+ $mdgriffith$elm_ui$Internal$Model$NodeName('label'),
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [labelElement, input])));
+ case 'Below':
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asColumn,
+ $mdgriffith$elm_ui$Internal$Model$NodeName('label'),
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [input, labelElement])));
+ case 'OnRight':
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asRow,
+ $mdgriffith$elm_ui$Internal$Model$NodeName('label'),
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [input, labelElement])));
+ default:
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asRow,
+ $mdgriffith$elm_ui$Internal$Model$NodeName('label'),
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [labelElement, input])));
+ }
+ }
+ });
+var $mdgriffith$elm_ui$Element$Input$autofill = A2(
+ $elm$core$Basics$composeL,
+ $mdgriffith$elm_ui$Internal$Model$Attr,
+ $elm$html$Html$Attributes$attribute('autocomplete'));
+var $mdgriffith$elm_ui$Internal$Model$Behind = {$: 'Behind'};
+var $mdgriffith$elm_ui$Element$behindContent = function (element) {
+ return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element);
+};
+var $mdgriffith$elm_ui$Internal$Model$MoveY = function (a) {
+ return {$: 'MoveY', a: a};
+};
+var $mdgriffith$elm_ui$Internal$Flag$moveY = $mdgriffith$elm_ui$Internal$Flag$flag(26);
+var $mdgriffith$elm_ui$Element$moveUp = function (y) {
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$TransformComponent,
+ $mdgriffith$elm_ui$Internal$Flag$moveY,
+ $mdgriffith$elm_ui$Internal$Model$MoveY(-y));
+};
+var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (attrs) {
+ var gatherSpacing = F2(
+ function (attr, found) {
+ if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
+ var _v2 = attr.b;
+ var x = _v2.b;
+ var y = _v2.c;
+ if (found.$ === 'Nothing') {
+ return $elm$core$Maybe$Just(y);
+ } else {
+ return found;
+ }
+ } else {
+ return found;
+ }
+ });
+ var _v0 = A3($elm$core$List$foldr, gatherSpacing, $elm$core$Maybe$Nothing, attrs);
+ if (_v0.$ === 'Nothing') {
+ return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
+ } else {
+ var vSpace = _v0.a;
+ return $mdgriffith$elm_ui$Element$moveUp(
+ $elm$core$Basics$floor(vSpace / 2));
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$darkGrey = A3($mdgriffith$elm_ui$Element$rgb, 186 / 255, 189 / 255, 182 / 255);
+var $mdgriffith$elm_ui$Element$Input$defaultTextPadding = A2($mdgriffith$elm_ui$Element$paddingXY, 12, 12);
+var $mdgriffith$elm_ui$Element$Input$white = A3($mdgriffith$elm_ui$Element$rgb, 1, 1, 1);
+var $mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle = _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Input$defaultTextPadding,
+ $mdgriffith$elm_ui$Element$Border$rounded(3),
+ $mdgriffith$elm_ui$Element$Border$color($mdgriffith$elm_ui$Element$Input$darkGrey),
+ $mdgriffith$elm_ui$Element$Background$color($mdgriffith$elm_ui$Element$Input$white),
+ $mdgriffith$elm_ui$Element$Border$width(1),
+ $mdgriffith$elm_ui$Element$spacing(5),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ]);
+var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) {
+ if (attr.$ === 'Height') {
+ var h = attr.a;
+ return $elm$core$Maybe$Just(h);
+ } else {
+ return $elm$core$Maybe$Nothing;
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) {
+ if (label.$ === 'HiddenLabel') {
+ var textLabel = label.a;
+ return $mdgriffith$elm_ui$Internal$Model$Describe(
+ $mdgriffith$elm_ui$Internal$Model$Label(textLabel));
+ } else {
+ return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) {
+ isConstrained:
+ while (true) {
+ switch (len.$) {
+ case 'Content':
+ return false;
+ case 'Px':
+ return true;
+ case 'Fill':
+ return true;
+ case 'Min':
+ var l = len.b;
+ var $temp$len = l;
+ len = $temp$len;
+ continue isConstrained;
+ default:
+ var l = len.b;
+ return true;
+ }
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$isHiddenLabel = function (label) {
+ if (label.$ === 'HiddenLabel') {
+ return true;
+ } else {
+ return false;
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$isStacked = function (label) {
+ if (label.$ === 'Label') {
+ var loc = label.a;
+ switch (loc.$) {
+ case 'OnRight':
+ return false;
+ case 'OnLeft':
+ return false;
+ case 'Above':
+ return true;
+ default:
+ return true;
+ }
+ } else {
+ return true;
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$negateBox = function (box) {
+ return {bottom: -box.bottom, left: -box.left, right: -box.right, top: -box.top};
+};
+var $elm$html$Html$Events$alwaysStop = function (x) {
+ return _Utils_Tuple2(x, true);
+};
+var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) {
+ return {$: 'MayStopPropagation', a: a};
+};
+var $elm$html$Html$Events$stopPropagationOn = F2(
+ function (event, decoder) {
+ return A2(
+ $elm$virtual_dom$VirtualDom$on,
+ event,
+ $elm$virtual_dom$VirtualDom$MayStopPropagation(decoder));
+ });
+var $elm$json$Json$Decode$at = F2(
+ function (fields, decoder) {
+ return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields);
+ });
+var $elm$html$Html$Events$targetValue = A2(
+ $elm$json$Json$Decode$at,
+ _List_fromArray(
+ ['target', 'value']),
+ $elm$json$Json$Decode$string);
+var $elm$html$Html$Events$onInput = function (tagger) {
+ return A2(
+ $elm$html$Html$Events$stopPropagationOn,
+ 'input',
+ A2(
+ $elm$json$Json$Decode$map,
+ $elm$html$Html$Events$alwaysStop,
+ A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue)));
+};
+var $mdgriffith$elm_ui$Element$Input$isFill = function (len) {
+ isFill:
+ while (true) {
+ switch (len.$) {
+ case 'Fill':
+ return true;
+ case 'Content':
+ return false;
+ case 'Px':
+ return false;
+ case 'Min':
+ var l = len.b;
+ var $temp$len = l;
+ len = $temp$len;
+ continue isFill;
+ default:
+ var l = len.b;
+ var $temp$len = l;
+ len = $temp$len;
+ continue isFill;
+ }
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) {
+ isPixel:
+ while (true) {
+ switch (len.$) {
+ case 'Content':
+ return false;
+ case 'Px':
+ return true;
+ case 'Fill':
+ return false;
+ case 'Min':
+ var l = len.b;
+ var $temp$len = l;
+ len = $temp$len;
+ continue isPixel;
+ default:
+ var l = len.b;
+ var $temp$len = l;
+ len = $temp$len;
+ continue isPixel;
+ }
+ }
+};
+var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4(
+ function (isMultiline, stacked, attr, els) {
+ switch (attr.$) {
+ case 'Nearby':
+ return _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ case 'Width':
+ var width = attr.a;
+ return $mdgriffith$elm_ui$Element$Input$isFill(width) ? _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent),
+ input: A2($elm$core$List$cons, attr, els.input),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ }) : (stacked ? _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent)
+ }) : _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ }));
+ case 'Height':
+ var height = attr.a;
+ return (!stacked) ? _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ }) : ($mdgriffith$elm_ui$Element$Input$isFill(height) ? _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ }) : ($mdgriffith$elm_ui$Element$Input$isPixel(height) ? _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ }) : _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ })));
+ case 'AlignX':
+ return _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent)
+ });
+ case 'AlignY':
+ return _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent)
+ });
+ case 'StyleClass':
+ switch (attr.b.$) {
+ case 'SpacingStyle':
+ var _v1 = attr.b;
+ return _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent),
+ input: A2($elm$core$List$cons, attr, els.input),
+ parent: A2($elm$core$List$cons, attr, els.parent),
+ wrapper: A2($elm$core$List$cons, attr, els.wrapper)
+ });
+ case 'PaddingStyle':
+ var cls = attr.a;
+ var _v2 = attr.b;
+ var pad = _v2.a;
+ var t = _v2.b;
+ var r = _v2.c;
+ var b = _v2.d;
+ var l = _v2.e;
+ if (isMultiline) {
+ return _Utils_update(
+ els,
+ {
+ cover: A2($elm$core$List$cons, attr, els.cover),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ } else {
+ var reducedVerticalPadding = $mdgriffith$elm_ui$Element$paddingEach(
+ {
+ bottom: b - A2($elm$core$Basics$min, t, b),
+ left: l,
+ right: r,
+ top: t - A2($elm$core$Basics$min, t, b)
+ });
+ var newLineHeight = $mdgriffith$elm_ui$Element$htmlAttribute(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'line-height',
+ 'calc(1.0em + ' + ($elm$core$String$fromInt(
+ 2 * A2($elm$core$Basics$min, t, b)) + 'px)')));
+ var newHeight = $mdgriffith$elm_ui$Element$htmlAttribute(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'height',
+ 'calc(1.0em + ' + ($elm$core$String$fromInt(
+ 2 * A2($elm$core$Basics$min, t, b)) + 'px)')));
+ return _Utils_update(
+ els,
+ {
+ cover: A2($elm$core$List$cons, attr, els.cover),
+ input: A2(
+ $elm$core$List$cons,
+ newHeight,
+ A2($elm$core$List$cons, newLineHeight, els.input)),
+ parent: A2($elm$core$List$cons, reducedVerticalPadding, els.parent)
+ });
+ }
+ case 'BorderWidth':
+ var _v3 = attr.b;
+ return _Utils_update(
+ els,
+ {
+ cover: A2($elm$core$List$cons, attr, els.cover),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ case 'Transform':
+ return _Utils_update(
+ els,
+ {
+ cover: A2($elm$core$List$cons, attr, els.cover),
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ case 'FontSize':
+ return _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent)
+ });
+ case 'FontFamily':
+ var _v4 = attr.b;
+ return _Utils_update(
+ els,
+ {
+ fullParent: A2($elm$core$List$cons, attr, els.fullParent)
+ });
+ default:
+ var flag = attr.a;
+ var cls = attr.b;
+ return _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ }
+ case 'NoAttribute':
+ return els;
+ case 'Attr':
+ var a = attr.a;
+ return _Utils_update(
+ els,
+ {
+ input: A2($elm$core$List$cons, attr, els.input)
+ });
+ case 'Describe':
+ return _Utils_update(
+ els,
+ {
+ input: A2($elm$core$List$cons, attr, els.input)
+ });
+ case 'Class':
+ return _Utils_update(
+ els,
+ {
+ parent: A2($elm$core$List$cons, attr, els.parent)
+ });
+ default:
+ return _Utils_update(
+ els,
+ {
+ input: A2($elm$core$List$cons, attr, els.input)
+ });
+ }
+ });
+var $mdgriffith$elm_ui$Element$Input$redistribute = F3(
+ function (isMultiline, stacked, attrs) {
+ return function (redist) {
+ return {
+ cover: $elm$core$List$reverse(redist.cover),
+ fullParent: $elm$core$List$reverse(redist.fullParent),
+ input: $elm$core$List$reverse(redist.input),
+ parent: $elm$core$List$reverse(redist.parent),
+ wrapper: $elm$core$List$reverse(redist.wrapper)
+ };
+ }(
+ A3(
+ $elm$core$List$foldl,
+ A2($mdgriffith$elm_ui$Element$Input$redistributeOver, isMultiline, stacked),
+ {cover: _List_Nil, fullParent: _List_Nil, input: _List_Nil, parent: _List_Nil, wrapper: _List_Nil},
+ attrs));
+ });
+var $mdgriffith$elm_ui$Element$Input$renderBox = function (_v0) {
+ var top = _v0.top;
+ var right = _v0.right;
+ var bottom = _v0.bottom;
+ var left = _v0.left;
+ return $elm$core$String$fromInt(top) + ('px ' + ($elm$core$String$fromInt(right) + ('px ' + ($elm$core$String$fromInt(bottom) + ('px ' + ($elm$core$String$fromInt(left) + 'px'))))));
+};
+var $mdgriffith$elm_ui$Internal$Model$Transparency = F2(
+ function (a, b) {
+ return {$: 'Transparency', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Internal$Flag$transparency = $mdgriffith$elm_ui$Internal$Flag$flag(0);
+var $mdgriffith$elm_ui$Element$alpha = function (o) {
+ var transparency = function (x) {
+ return 1 - x;
+ }(
+ A2(
+ $elm$core$Basics$min,
+ 1.0,
+ A2($elm$core$Basics$max, 0.0, o)));
+ return A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$transparency,
+ A2(
+ $mdgriffith$elm_ui$Internal$Model$Transparency,
+ 'transparency-' + $mdgriffith$elm_ui$Internal$Model$floatClass(transparency),
+ transparency));
+};
+var $mdgriffith$elm_ui$Element$Input$charcoal = A3($mdgriffith$elm_ui$Element$rgb, 136 / 255, 138 / 255, 133 / 255);
+var $mdgriffith$elm_ui$Element$Input$renderPlaceholder = F3(
+ function (_v0, forPlaceholder, on) {
+ var placeholderAttrs = _v0.a;
+ var placeholderEl = _v0.b;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ forPlaceholder,
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Font$color($mdgriffith$elm_ui$Element$Input$charcoal),
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.noTextSelection + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.passPointerEvents)),
+ $mdgriffith$elm_ui$Element$clip,
+ $mdgriffith$elm_ui$Element$Border$color(
+ A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)),
+ $mdgriffith$elm_ui$Element$Background$color(
+ A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)),
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$alpha(
+ on ? 1 : 0)
+ ]),
+ placeholderAttrs)),
+ placeholderEl);
+ });
+var $mdgriffith$elm_ui$Element$scrollbarY = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.scrollbarsY);
+var $elm$html$Html$span = _VirtualDom_node('span');
+var $elm$html$Html$Attributes$spellcheck = $elm$html$Html$Attributes$boolProperty('spellcheck');
+var $mdgriffith$elm_ui$Element$Input$spellcheck = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$spellcheck);
+var $elm$html$Html$Attributes$type_ = $elm$html$Html$Attributes$stringProperty('type');
+var $elm$html$Html$Attributes$value = $elm$html$Html$Attributes$stringProperty('value');
+var $mdgriffith$elm_ui$Element$Input$value = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$value);
+var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
+ function (textInput, attrs, textOptions) {
+ var withDefaults = _Utils_ap($mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle, attrs);
+ var redistributed = A3(
+ $mdgriffith$elm_ui$Element$Input$redistribute,
+ _Utils_eq(textInput.type_, $mdgriffith$elm_ui$Element$Input$TextArea),
+ $mdgriffith$elm_ui$Element$Input$isStacked(textOptions.label),
+ withDefaults);
+ var onlySpacing = function (attr) {
+ if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
+ var _v9 = attr.b;
+ return true;
+ } else {
+ return false;
+ }
+ };
+ var heightConstrained = function () {
+ var _v7 = textInput.type_;
+ if (_v7.$ === 'TextInputNode') {
+ var inputType = _v7.a;
+ return false;
+ } else {
+ return A2(
+ $elm$core$Maybe$withDefault,
+ false,
+ A2(
+ $elm$core$Maybe$map,
+ $mdgriffith$elm_ui$Element$Input$isConstrained,
+ $elm$core$List$head(
+ $elm$core$List$reverse(
+ A2($elm$core$List$filterMap, $mdgriffith$elm_ui$Element$Input$getHeight, withDefaults)))));
+ }
+ }();
+ var getPadding = function (attr) {
+ if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) {
+ var cls = attr.a;
+ var _v6 = attr.b;
+ var pad = _v6.a;
+ var t = _v6.b;
+ var r = _v6.c;
+ var b = _v6.d;
+ var l = _v6.e;
+ return $elm$core$Maybe$Just(
+ {
+<<<<<<< HEAD
columns: _List_fromArray(
[
$author$project$Widget$SortTable$intColumn(
@@ -17171,14 +20373,117 @@ var $author$project$Stateless$carousel = function (model) {
$mdgriffith$elm_ui$Element$row,
_Utils_ap(
$Orasund$elm_ui_framework$Framework$Grid$simple,
+=======
+ bottom: A2(
+ $elm$core$Basics$max,
+ 0,
+ $elm$core$Basics$floor(b - 3)),
+ left: A2(
+ $elm$core$Basics$max,
+ 0,
+ $elm$core$Basics$floor(l - 3)),
+ right: A2(
+ $elm$core$Basics$max,
+ 0,
+ $elm$core$Basics$floor(r - 3)),
+ top: A2(
+ $elm$core$Basics$max,
+ 0,
+ $elm$core$Basics$floor(t - 3))
+ });
+ } else {
+ return $elm$core$Maybe$Nothing;
+ }
+ };
+ var parentPadding = A2(
+ $elm$core$Maybe$withDefault,
+ {bottom: 0, left: 0, right: 0, top: 0},
+ $elm$core$List$head(
+ $elm$core$List$reverse(
+ A2($elm$core$List$filterMap, getPadding, withDefaults))));
+ var inputElement = A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ function () {
+ var _v3 = textInput.type_;
+ if (_v3.$ === 'TextInputNode') {
+ var inputType = _v3.a;
+ return $mdgriffith$elm_ui$Internal$Model$NodeName('input');
+ } else {
+ return $mdgriffith$elm_ui$Internal$Model$NodeName('textarea');
+ }
+ }(),
+ _Utils_ap(
+ function () {
+ var _v4 = textInput.type_;
+ if (_v4.$ === 'TextInputNode') {
+ var inputType = _v4.a;
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ $elm$html$Html$Attributes$type_(inputType)),
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputText)
+ ]);
+ } else {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$clip,
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultiline),
+ $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding(withDefaults),
+ $mdgriffith$elm_ui$Element$paddingEach(parentPadding),
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'margin',
+ $mdgriffith$elm_ui$Element$Input$renderBox(
+ $mdgriffith$elm_ui$Element$Input$negateBox(parentPadding)))),
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2($elm$html$Html$Attributes$style, 'box-sizing', 'content-box'))
+ ]);
+ }
+ }(),
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$Input$value(textOptions.text),
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ $elm$html$Html$Events$onInput(textOptions.onChange)),
+ $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute(textOptions.label),
+ $mdgriffith$elm_ui$Element$Input$spellcheck(textInput.spellchecked),
+ A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Internal$Model$NoAttribute,
+ A2($elm$core$Maybe$map, $mdgriffith$elm_ui$Element$Input$autofill, textInput.autofill))
+ ]),
+ redistributed.input)),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(_List_Nil));
+ var wrappedInput = function () {
+ var _v0 = textInput.type_;
+ if (_v0.$ === 'TextArea') {
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ _Utils_ap(
+ (heightConstrained ? $elm$core$List$cons($mdgriffith$elm_ui$Element$scrollbarY) : $elm$core$Basics$identity)(
+>>>>>>> cc2ca06... finishing the material design
_List_fromArray(
[
- $mdgriffith$elm_ui$Element$centerX,
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin),
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineWrapper)
])),
+ redistributed.parent),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
_List_fromArray(
[
+ A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asParagraph,
+ $mdgriffith$elm_ui$Internal$Model$div,
A2(
+<<<<<<< HEAD
$mdgriffith$elm_ui$Element$Input$button,
_List_fromArray(
[$mdgriffith$elm_ui$Element$centerY]),
@@ -17227,54 +20532,166 @@ var $author$project$Stateless$ToggleCollapsable = function (a) {
return {$: 'ToggleCollapsable', a: a};
};
var $author$project$Widget$collapsable = F2(
- function (style, _v0) {
- var onToggle = _v0.onToggle;
- var isCollapsed = _v0.isCollapsed;
- var label = _v0.label;
- var content = _v0.content;
- return A2(
- $mdgriffith$elm_ui$Element$column,
- style.containerColumn,
- _Utils_ap(
- _List_fromArray(
- [
+=======
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$inFront(inputElement),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineParent),
+ redistributed.wrapper)))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ function () {
+ if (textOptions.text === '') {
+ var _v1 = textOptions.placeholder;
+ if (_v1.$ === 'Nothing') {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$text('\u00A0')
+ ]);
+ } else {
+ var place = _v1.a;
+ return _List_fromArray(
+ [
+ A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, _List_Nil, textOptions.text === '')
+ ]);
+ }
+ } else {
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Internal$Model$unstyled(
+ A2(
+ $elm$html$Html$span,
+ _List_fromArray(
+ [
+ $elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineFiller)
+ ]),
+ _List_fromArray(
+ [
+ $elm$html$Html$text(textOptions.text + '\u00A0')
+ ])))
+ ]);
+ }
+ }()))
+ ])));
+ } else {
+ var inputType = _v0.a;
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
A2(
- $mdgriffith$elm_ui$Element$Input$button,
- style.button,
- {
- label: label,
- onPress: $elm$core$Maybe$Just(
- onToggle(!isCollapsed))
- })
- ]),
- isCollapsed ? _List_Nil : _List_fromArray(
- [content])));
+ $elm$core$List$cons,
+ A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin),
+ $elm$core$List$concat(
+ _List_fromArray(
+ [
+ redistributed.parent,
+ function () {
+ var _v2 = textOptions.placeholder;
+ if (_v2.$ === 'Nothing') {
+ return _List_Nil;
+ } else {
+ var place = _v2.a;
+ return _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$behindContent(
+ A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, redistributed.cover, textOptions.text === ''))
+ ]);
+ }
+ }()
+ ])))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [inputElement])));
+ }
+ }();
+ return A3(
+ $mdgriffith$elm_ui$Element$Input$applyLabel,
+ A2(
+ $elm$core$List$cons,
+ A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorText),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$Input$isHiddenLabel(textOptions.label) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Element$spacing(5),
+ A2($elm$core$List$cons, $mdgriffith$elm_ui$Element$Region$announce, redistributed.fullParent))),
+ textOptions.label,
+ wrappedInput);
});
-var $author$project$Stateless$collapsable = function (model) {
- return _Utils_Tuple2(
- 'Collapsable',
- A2(
- $author$project$Widget$collapsable,
- {
- button: _List_Nil,
- containerColumn: _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$padding(8)
- ])))
- },
- {
- content: $mdgriffith$elm_ui$Element$text('Hello World'),
- isCollapsed: model.isCollapsed,
- label: A2(
+var $mdgriffith$elm_ui$Element$Input$text = $mdgriffith$elm_ui$Element$Input$textHelper(
+ {
+ autofill: $elm$core$Maybe$Nothing,
+ spellchecked: false,
+ type_: $mdgriffith$elm_ui$Element$Input$TextInputNode('text')
+ });
+var $author$project$Internal$TextInput$textInput = F2(
+>>>>>>> cc2ca06... finishing the material design
+ function (style, _v0) {
+ var chips = _v0.chips;
+ var placeholder = _v0.placeholder;
+ var label = _v0.label;
+ var text = _v0.text;
+ var onChange = _v0.onChange;
+ return A2(
+ $mdgriffith$elm_ui$Element$row,
+ style.containerRow,
+ _List_fromArray(
+ [
+ $elm$core$List$isEmpty(chips) ? $mdgriffith$elm_ui$Element$none : A2(
$mdgriffith$elm_ui$Element$row,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
+ style.chipsRow,
+ A2(
+ $elm$core$List$map,
+ A2(
+ $elm$core$Basics$composeR,
+ $author$project$Internal$Button$button(style.chipButton),
+ $mdgriffith$elm_ui$Element$el(_List_Nil)),
+ chips)),
+ A2(
+ $mdgriffith$elm_ui$Element$Input$text,
+ style.input,
+ {
+ label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
+ onChange: onChange,
+ placeholder: placeholder,
+ text: text
+ })
+ ]));
+ });
+var $author$project$Widget$textInput = $author$project$Internal$TextInput$textInput;
+var $author$project$View$Test$textInput = F2(
+ function (idle, style) {
+ return _List_fromArray(
+ [
+ _Utils_Tuple2(
+ 'Nothing Selected',
+ A2(
+ $author$project$Widget$textInput,
+ style.textInput,
+ {
+ chips: _List_Nil,
+ label: 'Label',
+ onChange: $elm$core$Basics$always(idle),
+ placeholder: $elm$core$Maybe$Nothing,
+ text: ''
+ })),
+ _Utils_Tuple2(
+ 'Some chips',
+ A2(
+ $author$project$Widget$textInput,
+ style.textInput,
+ {
+ chips: _List_fromArray(
[
+<<<<<<< HEAD
$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
])),
_List_fromArray(
@@ -17305,10 +20722,57 @@ var $author$project$Stateless$dialog = F2(
label: $mdgriffith$elm_ui$Element$text('Show dialog'),
onPress: $elm$core$Maybe$Just(showDialog)
}));
+=======
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'A'
+ },
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$circle)),
+ onPress: $elm$core$Maybe$Just(idle),
+ text: 'B'
+ }
+ ]),
+ label: 'Label',
+ onChange: $elm$core$Basics$always(idle),
+ placeholder: $elm$core$Maybe$Nothing,
+ text: ''
+ }))
+ ]);
+>>>>>>> cc2ca06... finishing the material design
});
-var $author$project$Stateless$ToggleButton = function (a) {
- return {$: 'ToggleButton', a: a};
+var $author$project$Data$Example$toTests = function (example) {
+ switch (example.$) {
+ case 'ButtonExample':
+ return $author$project$View$Test$button;
+ case 'SelectExample':
+ return $author$project$View$Test$select;
+ case 'MultiSelectExample':
+ return $author$project$View$Test$multiSelect;
+ case 'ExpansionPanelExample':
+ return $author$project$View$Test$expansionPanel;
+ case 'TabExample':
+ return $author$project$View$Test$tab;
+ case 'SortTableExample':
+ return $author$project$View$Test$sortTable;
+ case 'ModalExample':
+ return $author$project$View$Test$modal;
+ case 'DialogExample':
+ return $author$project$View$Test$dialog;
+ case 'TextInputExample':
+ return $author$project$View$Test$textInput;
+ default:
+ return $author$project$View$Test$list;
+ }
};
+<<<<<<< HEAD
var $author$project$Stateless$buttonStyle = {
active: $Orasund$elm_ui_framework$Framework$Color$primary,
container: $Orasund$elm_ui_framework$Framework$Button$simple,
@@ -17320,6 +20784,67 @@ var $author$project$Stateless$buttonStyle = {
};
var $author$project$Icons$slash = A2(
$author$project$Icons$svgFeatherIcon,
+=======
+var $author$project$Example$Button$ChangedButtonStatus = function (a) {
+ return {$: 'ChangedButtonStatus', a: a};
+};
+var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
+ return {$: 'Icon', a: a};
+};
+var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
+ return {
+ _class: $elm$core$Maybe$Just('feather feather-' + name),
+ size: 24,
+ sizeUnit: '',
+ strokeWidth: 2,
+ viewBox: '0 0 24 24'
+ };
+};
+var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
+ function (name, src) {
+ return $feathericons$elm_feather$FeatherIcons$Icon(
+ {
+ attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
+ src: src
+ });
+ });
+var $feathericons$elm_feather$FeatherIcons$repeat = A2(
+ $feathericons$elm_feather$FeatherIcons$makeBuilder,
+ 'repeat',
+ _List_fromArray(
+ [
+ A2(
+ $elm$svg$Svg$polyline,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$points('17 1 21 5 17 9')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M3 11V9a4 4 0 0 1 4-4h14')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$polyline,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$points('7 23 3 19 7 15')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M21 13v2a4 4 0 0 1-4 4H3')
+ ]),
+ _List_Nil)
+ ]));
+var $feathericons$elm_feather$FeatherIcons$slash = A2(
+ $feathericons$elm_feather$FeatherIcons$makeBuilder,
+>>>>>>> cc2ca06... finishing the material design
'slash',
_List_fromArray(
[
@@ -17343,21 +20868,81 @@ var $author$project$Icons$slash = A2(
]),
_List_Nil)
]));
-var $author$project$Stateless$iconButton = function (model) {
- return _Utils_Tuple2(
- 'Icon Button',
- A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
+var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
+var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
+ function (attributes, _v0) {
+ var src = _v0.a.src;
+ var attrs = _v0.a.attrs;
+ var strSize = $elm$core$String$fromFloat(attrs.size);
+ var baseAttributes = _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$fill('none'),
+ $elm$svg$Svg$Attributes$height(
+ _Utils_ap(strSize, attrs.sizeUnit)),
+ $elm$svg$Svg$Attributes$width(
+ _Utils_ap(strSize, attrs.sizeUnit)),
+ $elm$svg$Svg$Attributes$stroke('currentColor'),
+ $elm$svg$Svg$Attributes$strokeLinecap('round'),
+ $elm$svg$Svg$Attributes$strokeLinejoin('round'),
+ $elm$svg$Svg$Attributes$strokeWidth(
+ $elm$core$String$fromFloat(attrs.strokeWidth)),
+ $elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
+ ]);
+ var combinedAttributes = _Utils_ap(
+ function () {
+ var _v1 = attrs._class;
+ if (_v1.$ === 'Just') {
+ var c = _v1.a;
+ return A2(
+ $elm$core$List$cons,
+ $elm$svg$Svg$Attributes$class(c),
+ baseAttributes);
+ } else {
+ return baseAttributes;
+ }
+ }(),
+ attributes);
+ return A2(
+ $elm$svg$Svg$svg,
+ combinedAttributes,
+ A2(
+ $elm$core$List$map,
+ $elm$svg$Svg$map($elm$core$Basics$never),
+ src));
+ });
+var $feathericons$elm_feather$FeatherIcons$withSize = F2(
+ function (size, _v0) {
+ var attrs = _v0.a.attrs;
+ var src = _v0.a.src;
+ return $feathericons$elm_feather$FeatherIcons$Icon(
+ {
+ attrs: _Utils_update(
+ attrs,
+ {size: size}),
+ src: src
+ });
+ });
+var $author$project$Example$Button$view = F3(
+ function (msgMapper, style, _v0) {
+ var isButtonEnabled = _v0.a;
+ return A2(
+ $author$project$Widget$row,
+ style.row,
_List_fromArray(
[
A2(
+<<<<<<< HEAD
$author$project$Widget$Button$view,
$author$project$Stateless$buttonStyle,
+=======
+ $author$project$Widget$button,
+ style.primaryButton,
+>>>>>>> cc2ca06... finishing the material design
{
icon: A2(
$mdgriffith$elm_ui$Element$el,
_List_Nil,
+<<<<<<< HEAD
$mdgriffith$elm_ui$Element$html($author$project$Icons$slash)),
onPress: model.button ? $elm$core$Maybe$Just(
$author$project$Stateless$ToggleButton(false)) : $elm$core$Maybe$Nothing,
@@ -17366,62 +20951,478 @@ var $author$project$Stateless$iconButton = function (model) {
A2(
$author$project$Widget$Button$view,
$author$project$Stateless$buttonStyle,
+=======
+ $mdgriffith$elm_ui$Element$html(
+ A2(
+ $feathericons$elm_feather$FeatherIcons$toHtml,
+ _List_Nil,
+ A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$slash)))),
+ onPress: isButtonEnabled ? $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Button$ChangedButtonStatus(false))) : $elm$core$Maybe$Nothing,
+ text: 'disable me'
+ }),
+ A2(
+ $author$project$Widget$iconButton,
+ style.button,
+>>>>>>> cc2ca06... finishing the material design
{
- icon: $mdgriffith$elm_ui$Element$none,
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html(
+ A2(
+ $feathericons$elm_feather$FeatherIcons$toHtml,
+ _List_Nil,
+ A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$repeat)))),
onPress: $elm$core$Maybe$Just(
- $author$project$Stateless$ToggleButton(true)),
- text: 'reset button'
+ msgMapper(
+ $author$project$Example$Button$ChangedButtonStatus(true))),
+ text: 'reset'
})
- ])));
+ ]));
+ });
+var $author$project$Example$Dialog$OpenDialog = function (a) {
+ return {$: 'OpenDialog', a: a};
};
-var $author$project$Stateless$modal = F2(
- function (changedSheet, model) {
- return _Utils_Tuple2(
- 'Modal',
+var $feathericons$elm_feather$FeatherIcons$eye = A2(
+ $feathericons$elm_feather$FeatherIcons$makeBuilder,
+ 'eye',
+ _List_fromArray(
+ [
A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
+ $elm$svg$Svg$path,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$d('M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z')
+ ]),
+ _List_Nil),
+ A2(
+ $elm$svg$Svg$circle,
+ _List_fromArray(
+ [
+ $elm$svg$Svg$Attributes$cx('12'),
+ $elm$svg$Svg$Attributes$cy('12'),
+ $elm$svg$Svg$Attributes$r('3')
+ ]),
+ _List_Nil)
+ ]));
+var $author$project$Example$Dialog$view = F3(
+ function (msgMapper, style, _v0) {
+ var isOpen = _v0.a;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
_List_fromArray(
[
- A2(
- $mdgriffith$elm_ui$Element$Input$button,
- $Orasund$elm_ui_framework$Framework$Button$simple,
- {
- label: $mdgriffith$elm_ui$Element$text('show left sheet'),
- onPress: $elm$core$Maybe$Just(
- changedSheet(
- $elm$core$Maybe$Just($author$project$Layout$LeftSheet)))
- }),
- A2(
- $mdgriffith$elm_ui$Element$Input$button,
- $Orasund$elm_ui_framework$Framework$Button$simple,
- {
- label: $mdgriffith$elm_ui$Element$text('show right sheet'),
- onPress: $elm$core$Maybe$Just(
- changedSheet(
- $elm$core$Maybe$Just($author$project$Layout$RightSheet)))
- })
- ])));
+ $mdgriffith$elm_ui$Element$height(
+ A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+ ]),
+ isOpen ? A2(
+ $author$project$Widget$dialog,
+ style.dialog,
+ {
+ accept: $elm$core$Maybe$Just(
+ {
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Dialog$OpenDialog(false))),
+ text: 'Ok'
+ }),
+ dismiss: $elm$core$Maybe$Just(
+ {
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Dialog$OpenDialog(false))),
+ text: 'Dismiss'
+ }),
+ text: 'This is a dialog window',
+ title: $elm$core$Maybe$Just('Dialog')
+ }) : _List_Nil),
+ A2(
+ $author$project$Widget$button,
+ style.primaryButton,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html(
+ A2(
+ $feathericons$elm_feather$FeatherIcons$toHtml,
+ _List_Nil,
+ A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$eye)))),
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Dialog$OpenDialog(true))),
+ text: 'show Dialog'
+ }));
});
-var $author$project$Stateless$ChangedMultiSelected = function (a) {
- return {$: 'ChangedMultiSelected', a: a};
+var $author$project$Example$ExpansionPanel$ToggleCollapsable = function (a) {
+ return {$: 'ToggleCollapsable', a: a};
};
+var $author$project$Example$ExpansionPanel$view = F3(
+ function (msgMapper, style, _v0) {
+ var isExpanded = _v0.a;
+ return A2(
+ $author$project$Widget$expansionPanel,
+ style.expansionPanel,
+ {
+ content: $mdgriffith$elm_ui$Element$text('Hello World'),
+ icon: $mdgriffith$elm_ui$Element$none,
+ isExpanded: isExpanded,
+ onToggle: A2($elm$core$Basics$composeR, $author$project$Example$ExpansionPanel$ToggleCollapsable, msgMapper),
+ text: 'Title'
+ });
+ });
+var $author$project$Example$List$view = F3(
+ function (_v0, style, _v1) {
+ return A2(
+ $author$project$Widget$column,
+ style.cardColumn,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$text('A'),
+ $mdgriffith$elm_ui$Element$text('B'),
+ $mdgriffith$elm_ui$Element$text('C')
+ ]));
+ });
+var $author$project$Example$Modal$ToggleModal = function (a) {
+ return {$: 'ToggleModal', a: a};
+};
+var $author$project$Widget$modal = $author$project$Internal$Dialog$modal;
+var $author$project$Example$Modal$view = F3(
+ function (msgMapper, style, _v0) {
+ var isEnabled = _v0.a;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+ $mdgriffith$elm_ui$Element$width(
+ A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+ ]),
+ isEnabled ? $author$project$Widget$modal(
+ {
+ content: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(100)),
+ $mdgriffith$elm_ui$Element$width(
+ $mdgriffith$elm_ui$Element$px(250)),
+ $mdgriffith$elm_ui$Element$centerX,
+ $mdgriffith$elm_ui$Element$centerY
+ ]),
+ A2(
+ $author$project$Widget$column,
+ style.cardColumn,
+ $elm$core$List$singleton(
+ A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ _List_Nil,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
+ onDismiss: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Modal$ToggleModal(false)))
+ }) : _List_Nil),
+ A2(
+ $author$project$Widget$button,
+ style.primaryButton,
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html(
+ A2(
+ $feathericons$elm_feather$FeatherIcons$toHtml,
+ _List_Nil,
+ A2($feathericons$elm_feather$FeatherIcons$withSize, 16, $feathericons$elm_feather$FeatherIcons$eye)))),
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$Modal$ToggleModal(true))),
+ text: 'show Modal'
+ }));
+ });
+var $author$project$Example$MultiSelect$ChangedSelected = function (a) {
+ return {$: 'ChangedSelected', a: a};
+};
+var $author$project$Example$MultiSelect$view = F3(
+ function (msgMapper, style, _v0) {
+ var selected = _v0.a;
+ return A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$multiSelect(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $author$project$Example$MultiSelect$ChangedSelected,
+ A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: selected
+ }));
+ });
+var $author$project$Example$Select$ChangedSelected = function (a) {
+ return {$: 'ChangedSelected', a: a};
+};
+var $author$project$Example$Select$view = F3(
+ function (msgMapper, style, _v0) {
+ var selected = _v0.a;
+ return A2(
+ $author$project$Widget$buttonRow,
+ {button: style.selectButton, list: style.buttonRow},
+ $author$project$Widget$select(
+ {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $author$project$Example$Select$ChangedSelected,
+ A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 42])),
+ selected: selected
+ }));
+ });
+var $author$project$Example$SortTable$ChangedSorting = function (a) {
+ return {$: 'ChangedSorting', a: a};
+};
+var $author$project$Example$SortTable$view = F3(
+ function (msgMapper, style, model) {
+ return A2(
+ $author$project$Widget$sortTable,
+ style.sortTable,
+ {
+ asc: model.asc,
+ columns: _List_fromArray(
+ [
+ $author$project$Widget$intColumn(
+ {
+ title: 'Id',
+ toString: function (_int) {
+ return '#' + $elm$core$String$fromInt(_int);
+ },
+ value: function ($) {
+ return $.id;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$stringColumn(
+ {
+ title: 'Name',
+ toString: $elm$core$Basics$identity,
+ value: function ($) {
+ return $.name;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$floatColumn(
+ {
+ title: 'Rating',
+ toString: $elm$core$String$fromFloat,
+ value: function ($) {
+ return $.rating;
+ },
+ width: $mdgriffith$elm_ui$Element$fill
+ }),
+ $author$project$Widget$unsortableColumn(
+ {
+ title: 'Hash',
+ toString: A2(
+ $elm$core$Basics$composeR,
+ function ($) {
+ return $.hash;
+ },
+ $elm$core$Maybe$withDefault('None')),
+ width: $mdgriffith$elm_ui$Element$fill
+ })
+ ]),
+ content: _List_fromArray(
+ [
+ {hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
+ {
+ hash: $elm$core$Maybe$Just('45jf'),
+ id: 2,
+ name: 'Ana',
+ rating: 1.34
+ },
+ {
+ hash: $elm$core$Maybe$Just('6fs1'),
+ id: 3,
+ name: 'Alfred',
+ rating: 4.22
+ },
+ {
+ hash: $elm$core$Maybe$Just('k52f'),
+ id: 4,
+ name: 'Thomas',
+ rating: 3
+ }
+ ]),
+ onChange: A2($elm$core$Basics$composeR, $author$project$Example$SortTable$ChangedSorting, msgMapper),
+ sortBy: model.title
+ });
+ });
+var $author$project$Example$Tab$ChangedTab = function (a) {
+ return {$: 'ChangedTab', a: a};
+};
+<<<<<<< HEAD
var $author$project$Widget$multiSelect = function (_v0) {
var selected = _v0.selected;
var options = _v0.options;
var onSelect = _v0.onSelect;
return A2(
$elm$core$List$indexedMap,
+=======
+var $author$project$Example$Tab$view = F3(
+ function (msgMapper, style, _v0) {
+ var selected = _v0.a;
+ return A2(
+ $author$project$Widget$tab,
+ style.tab,
+ {
+ content: function (s) {
+ return $mdgriffith$elm_ui$Element$text(
+ function () {
+ _v1$3:
+ while (true) {
+ if (s.$ === 'Just') {
+ switch (s.a) {
+ case 0:
+ return 'This is Tab 1';
+ case 1:
+ return 'This is the second tab';
+ case 2:
+ return 'The thrid and last tab';
+ default:
+ break _v1$3;
+ }
+ } else {
+ break _v1$3;
+ }
+ }
+ return 'Please select a tab';
+ }());
+ },
+ tabs: {
+ onSelect: A2(
+ $elm$core$Basics$composeR,
+ $author$project$Example$Tab$ChangedTab,
+ A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+ options: A2(
+ $elm$core$List$map,
+ function (_int) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ text: 'Tab ' + $elm$core$String$fromInt(_int)
+ };
+ },
+ _List_fromArray(
+ [1, 2, 3])),
+ selected: selected
+ }
+ });
+ });
+var $author$project$Example$TextInput$SetTextInput = function (a) {
+ return {$: 'SetTextInput', a: a};
+};
+var $author$project$Example$TextInput$ToggleTextInputChip = function (a) {
+ return {$: 'ToggleTextInputChip', a: a};
+};
+var $elm$core$Dict$diff = F2(
+ function (t1, t2) {
+ return A3(
+ $elm$core$Dict$foldl,
+ F3(
+ function (k, v, t) {
+ return A2($elm$core$Dict$remove, k, t);
+ }),
+ t1,
+ t2);
+ });
+var $elm$core$Set$diff = F2(
+ function (_v0, _v1) {
+ var dict1 = _v0.a;
+ var dict2 = _v1.a;
+ return $elm$core$Set$Set_elm_builtin(
+ A2($elm$core$Dict$diff, dict1, dict2));
+ });
+var $mdgriffith$elm_ui$Internal$Model$Padding = F5(
+ function (a, b, c, d, e) {
+ return {$: 'Padding', a: a, b: b, c: c, d: d, e: e};
+ });
+var $mdgriffith$elm_ui$Internal$Model$Spaced = F3(
+ function (a, b, c) {
+ return {$: 'Spaced', a: a, b: b, c: c};
+ });
+var $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding = function (attrs) {
+ return A3(
+ $elm$core$List$foldr,
+>>>>>>> cc2ca06... finishing the material design
F2(
- function (i, a) {
+ function (attr, _v0) {
+ var pad = _v0.a;
+ var spacing = _v0.b;
return _Utils_Tuple2(
- A2($elm$core$Set$member, i, selected),
- {
- icon: a.icon,
- onPress: onSelect(i),
- text: a.text
- });
+ function () {
+ if (pad.$ === 'Just') {
+ var x = pad.a;
+ return pad;
+ } else {
+ if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) {
+ var _v3 = attr.b;
+ var name = _v3.a;
+ var t = _v3.b;
+ var r = _v3.c;
+ var b = _v3.d;
+ var l = _v3.e;
+ return $elm$core$Maybe$Just(
+ A5($mdgriffith$elm_ui$Internal$Model$Padding, name, t, r, b, l));
+ } else {
+ return $elm$core$Maybe$Nothing;
+ }
+ }
+ }(),
+ function () {
+ if (spacing.$ === 'Just') {
+ var x = spacing.a;
+ return spacing;
+ } else {
+ if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
+ var _v6 = attr.b;
+ var name = _v6.a;
+ var x = _v6.b;
+ var y = _v6.c;
+ return $elm$core$Maybe$Just(
+ A3($mdgriffith$elm_ui$Internal$Model$Spaced, name, x, y));
+ } else {
+ return $elm$core$Maybe$Nothing;
+ }
+ }
+ }());
}),
+<<<<<<< HEAD
options);
};
var $author$project$Stateless$multiSelect = function (model) {
@@ -17480,47 +21481,181 @@ var $author$project$Stateless$select = function (model) {
}));
},
$author$project$Widget$select(
- {
- onSelect: A2($elm$core$Basics$composeR, $author$project$Stateless$ChangedSelected, $elm$core$Maybe$Just),
- options: A2(
- $elm$core$List$map,
- function (_int) {
- return {
- icon: $mdgriffith$elm_ui$Element$none,
- text: $elm$core$String$fromInt(_int)
- };
- },
- _List_fromArray(
- [1, 2, 42])),
- selected: model.selected
- }))));
+=======
+ _Utils_Tuple2($elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing),
+ attrs);
};
-var $author$project$Stateless$ChangedTab = function (a) {
- return {$: 'ChangedTab', a: a};
-};
-var $Orasund$elm_ui_framework$Framework$Group$bottom = _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$Border$roundEach(
- {bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0})
- ]);
-var $Orasund$elm_ui_framework$Framework$Card$small = $Orasund$elm_ui_framework$Framework$Card$withSize(240);
-var $author$project$Widget$tab = F3(
- function (style, options, content) {
+var $mdgriffith$elm_ui$Element$wrappedRow = F2(
+ function (attrs, children) {
+ var _v0 = $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding(attrs);
+ var padded = _v0.a;
+ var spaced = _v0.b;
+ if (spaced.$ === 'Nothing') {
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asRow,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+ attrs))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+ } else {
+ var _v2 = spaced.a;
+ var spaceName = _v2.a;
+ var x = _v2.b;
+ var y = _v2.c;
+ var newPadding = function () {
+ if (padded.$ === 'Just') {
+ var _v5 = padded.a;
+ var name = _v5.a;
+ var t = _v5.b;
+ var r = _v5.c;
+ var b = _v5.d;
+ var l = _v5.e;
+ return ((_Utils_cmp(r, (x / 2) | 0) > -1) && (_Utils_cmp(b, (y / 2) | 0) > -1)) ? $elm$core$Maybe$Just(
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: b - ((y / 2) | 0), left: l - ((x / 2) | 0), right: r - ((x / 2) | 0), top: t - ((y / 2) | 0)})) : $elm$core$Maybe$Nothing;
+ } else {
+ return $elm$core$Maybe$Nothing;
+ }
+ }();
+ if (newPadding.$ === 'Just') {
+ var pad = newPadding.a;
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asRow,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+ _Utils_ap(
+ attrs,
+ _List_fromArray(
+ [pad]))))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+ } else {
+ var halfY = -(y / 2);
+ var halfX = -(x / 2);
+ return A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asEl,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ attrs,
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(
+ _List_fromArray(
+ [
+ A4(
+ $mdgriffith$elm_ui$Internal$Model$element,
+ $mdgriffith$elm_ui$Internal$Model$asRow,
+ $mdgriffith$elm_ui$Internal$Model$div,
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'margin',
+ $elm$core$String$fromFloat(halfY) + ('px' + (' ' + ($elm$core$String$fromFloat(halfX) + 'px'))))),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'width',
+ 'calc(100% + ' + ($elm$core$String$fromInt(x) + 'px)'))),
+ A2(
+ $elm$core$List$cons,
+ $mdgriffith$elm_ui$Internal$Model$Attr(
+ A2(
+ $elm$html$Html$Attributes$style,
+ 'height',
+ 'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))),
+ A2(
+ $elm$core$List$cons,
+ A2(
+ $mdgriffith$elm_ui$Internal$Model$StyleClass,
+ $mdgriffith$elm_ui$Internal$Flag$spacing,
+ A3($mdgriffith$elm_ui$Internal$Model$SpacingStyle, spaceName, x, y)),
+ _List_Nil))))),
+ $mdgriffith$elm_ui$Internal$Model$Unkeyed(children))
+ ])));
+ }
+ }
+ });
+var $author$project$Example$TextInput$view = F3(
+ function (msgMapper, style, model) {
return A2(
- $mdgriffith$elm_ui$Element$column,
- style.containerColumn,
+ $author$project$Widget$column,
+ style.column,
_List_fromArray(
[
A2(
- $mdgriffith$elm_ui$Element$row,
- style.optionRow,
+ $author$project$Widget$textInput,
+ style.textInput,
+>>>>>>> cc2ca06... finishing the material design
+ {
+ chips: A2(
+ $elm$core$List$map,
+ function (string) {
+ return {
+ icon: $mdgriffith$elm_ui$Element$none,
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$TextInput$ToggleTextInputChip(string))),
+ text: string
+ };
+ },
+ $elm$core$Set$toList(model.chipTextInput)),
+ label: 'Chips',
+ onChange: A2($elm$core$Basics$composeR, $author$project$Example$TextInput$SetTextInput, msgMapper),
+ placeholder: $elm$core$Maybe$Nothing,
+ text: model.textInput
+ }),
+ A2(
+ $mdgriffith$elm_ui$Element$wrappedRow,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$spacing(10)
+ ]),
A2(
$elm$core$List$map,
- $author$project$Widget$selectButton(style.button),
- $author$project$Widget$select(options))),
- content(options.selected)
+ function (string) {
+ return A2(
+ $author$project$Widget$button,
+ style.textInput.chipButton,
+ {
+ icon: $mdgriffith$elm_ui$Element$none,
+ onPress: $elm$core$Maybe$Just(
+ msgMapper(
+ $author$project$Example$TextInput$ToggleTextInputChip(string))),
+ text: string
+ });
+ },
+ $elm$core$Set$toList(
+ A2(
+ $elm$core$Set$diff,
+ $elm$core$Set$fromList(
+ _List_fromArray(
+ ['A', 'B', 'C'])),
+ model.chipTextInput))))
]));
});
+<<<<<<< HEAD
var $Orasund$elm_ui_framework$Framework$Group$top = _List_fromArray(
[
$mdgriffith$elm_ui$Element$Border$roundEach(
@@ -17554,40 +21689,340 @@ var $author$project$Stateless$tab = function (model) {
_List_fromArray(
[1, 2, 3])),
selected: model.tab
+=======
+var $author$project$Data$Example$view = F3(
+ function (msgMapper, style, model) {
+ return {
+ button: A3(
+ $author$project$Example$Button$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$Button, msgMapper),
+ style,
+ function ($) {
+ return $.button;
+ }(model)),
+ dialog: A3(
+ $author$project$Example$Dialog$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$Dialog, msgMapper),
+ style,
+ function ($) {
+ return $.dialog;
+ }(model)),
+ expansionPanel: A3(
+ $author$project$Example$ExpansionPanel$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$ExpansionPanel, msgMapper),
+ style,
+ function ($) {
+ return $.expansionPanel;
+ }(model)),
+ list: A3(
+ $author$project$Example$List$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$List, msgMapper),
+ style,
+ function ($) {
+ return $.list;
+ }(model)),
+ modal: A3(
+ $author$project$Example$Modal$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$Modal, msgMapper),
+ style,
+ function ($) {
+ return $.modal;
+ }(model)),
+ multiSelect: A3(
+ $author$project$Example$MultiSelect$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$MultiSelect, msgMapper),
+ style,
+ function ($) {
+ return $.multiSelect;
+ }(model)),
+ select: A3(
+ $author$project$Example$Select$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$Select, msgMapper),
+ style,
+ function ($) {
+ return $.select;
+ }(model)),
+ sortTable: A3(
+ $author$project$Example$SortTable$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$SortTable, msgMapper),
+ style,
+ function ($) {
+ return $.sortTable;
+ }(model)),
+ tab: A3(
+ $author$project$Example$Tab$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$Tab, msgMapper),
+ style,
+ function ($) {
+ return $.tab;
+ }(model)),
+ textInput: A3(
+ $author$project$Example$TextInput$view,
+ A2($elm$core$Basics$composeR, $author$project$Data$Example$TextInput, msgMapper),
+ style,
+ function ($) {
+ return $.textInput;
+ }(model))
+ };
+ });
+var $author$project$Data$Example$toCardList = function (_v0) {
+ var idle = _v0.idle;
+ var msgMapper = _v0.msgMapper;
+ var style = _v0.style;
+ var model = _v0.model;
+ return A2(
+ $elm$core$List$map,
+ function (_v1) {
+ var title = _v1.title;
+ var example = _v1.example;
+ var test = _v1.test;
+ return _Utils_Tuple3(
+ title,
+ example(
+ A3($author$project$Data$Example$view, msgMapper, style, model)),
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ])),
+ A2(
+ $elm$core$List$map,
+ function (_v2) {
+ var name = _v2.a;
+ var elem = _v2.b;
+ return A2(
+ $mdgriffith$elm_ui$Element$row,
+ $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$wrappedRow,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ ]),
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text(name))),
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$paddingEach(
+ {bottom: 0, left: 8, right: 0, top: 0}),
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ ]),
+ elem)
+ ]));
+ },
+ A2(test, idle, style))));
+ },
+ A2(
+ $elm$core$List$map,
+ function (example) {
+ return {
+ example: $author$project$Data$Example$get(example),
+ test: $author$project$Data$Example$toTests(example),
+ title: $author$project$Data$Example$toString(example)
+ };
+>>>>>>> cc2ca06... finishing the material design
},
- function (selected) {
- return A2(
- $mdgriffith$elm_ui$Element$el,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Card$small, $Orasund$elm_ui_framework$Framework$Group$bottom),
- $mdgriffith$elm_ui$Element$text(
- function () {
- _v0$3:
- while (true) {
- if (selected.$ === 'Just') {
- switch (selected.a) {
- case 0:
- return 'This is Tab 1';
- case 1:
- return 'This is the second tab';
- case 2:
- return 'The thrid and last tab';
- default:
- break _v0$3;
+ $author$project$Data$Example$asList));
+};
+var $author$project$Stateless$view = function (_v0) {
+ var theme = _v0.theme;
+ var msgMapper = _v0.msgMapper;
+ var model = _v0.model;
+ var style = $author$project$Data$Theme$toStyle(theme);
+ return {
+ description: 'Stateless views are simple functions that view some content. No wiring required.',
+ items: $author$project$Data$Example$toCardList(
+ {
+ idle: msgMapper($author$project$Stateless$Idle),
+ model: model.example,
+ msgMapper: A2($elm$core$Basics$composeR, $author$project$Stateless$ExampleSpecific, msgMapper),
+ style: style
+ }),
+ title: 'Stateless Views'
+ };
+};
+var $author$project$Widget$Layout$LeftSheet = {$: 'LeftSheet'};
+var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
+var $author$project$Widget$Layout$RightSheet = {$: 'RightSheet'};
+var $author$project$Widget$Layout$Search = {$: 'Search'};
+var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
+var $mdgriffith$elm_ui$Element$BigDesktop = {$: 'BigDesktop'};
+var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'};
+var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'};
+var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'};
+var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
+ return {
+ _class: function () {
+ var shortSide = A2($elm$core$Basics$min, window.width, window.height);
+ var longSide = A2($elm$core$Basics$max, window.width, window.height);
+ return (shortSide < 600) ? $mdgriffith$elm_ui$Element$Phone : ((longSide <= 1200) ? $mdgriffith$elm_ui$Element$Tablet : (((longSide > 1200) && (longSide <= 1920)) ? $mdgriffith$elm_ui$Element$Desktop : $mdgriffith$elm_ui$Element$BigDesktop));
+ }(),
+ orientation: (_Utils_cmp(window.width, window.height) < 0) ? $mdgriffith$elm_ui$Element$Portrait : $mdgriffith$elm_ui$Element$Landscape
+ };
+};
+var $elm$core$List$drop = F2(
+ function (n, list) {
+ drop:
+ while (true) {
+ if (n <= 0) {
+ return list;
+ } else {
+ if (!list.b) {
+ return list;
+ } else {
+ var x = list.a;
+ var xs = list.b;
+ var $temp$n = n - 1,
+ $temp$list = xs;
+ n = $temp$n;
+ list = $temp$list;
+ continue drop;
+ }
+ }
+ }
+ });
+var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
+ function (a, b) {
+ return {$: 'Placeholder', a: a, b: b};
+ });
+var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
+var $elm$core$List$takeReverse = F3(
+ function (n, list, kept) {
+ takeReverse:
+ while (true) {
+ if (n <= 0) {
+ return kept;
+ } else {
+ if (!list.b) {
+ return kept;
+ } else {
+ var x = list.a;
+ var xs = list.b;
+ var $temp$n = n - 1,
+ $temp$list = xs,
+ $temp$kept = A2($elm$core$List$cons, x, kept);
+ n = $temp$n;
+ list = $temp$list;
+ kept = $temp$kept;
+ continue takeReverse;
+ }
+ }
+ }
+ });
+var $elm$core$List$takeTailRec = F2(
+ function (n, list) {
+ return $elm$core$List$reverse(
+ A3($elm$core$List$takeReverse, n, list, _List_Nil));
+ });
+var $elm$core$List$takeFast = F3(
+ function (ctr, n, list) {
+ if (n <= 0) {
+ return _List_Nil;
+ } else {
+ var _v0 = _Utils_Tuple2(n, list);
+ _v0$1:
+ while (true) {
+ _v0$5:
+ while (true) {
+ if (!_v0.b.b) {
+ return list;
+ } else {
+ if (_v0.b.b.b) {
+ switch (_v0.a) {
+ case 1:
+ break _v0$1;
+ case 2:
+ var _v2 = _v0.b;
+ var x = _v2.a;
+ var _v3 = _v2.b;
+ var y = _v3.a;
+ return _List_fromArray(
+ [x, y]);
+ case 3:
+ if (_v0.b.b.b.b) {
+ var _v4 = _v0.b;
+ var x = _v4.a;
+ var _v5 = _v4.b;
+ var y = _v5.a;
+ var _v6 = _v5.b;
+ var z = _v6.a;
+ return _List_fromArray(
+ [x, y, z]);
+ } else {
+ break _v0$5;
+ }
+ default:
+ if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
+ var _v7 = _v0.b;
+ var x = _v7.a;
+ var _v8 = _v7.b;
+ var y = _v8.a;
+ var _v9 = _v8.b;
+ var z = _v9.a;
+ var _v10 = _v9.b;
+ var w = _v10.a;
+ var tl = _v10.b;
+ return (ctr > 1000) ? A2(
+ $elm$core$List$cons,
+ x,
+ A2(
+ $elm$core$List$cons,
+ y,
+ A2(
+ $elm$core$List$cons,
+ z,
+ A2(
+ $elm$core$List$cons,
+ w,
+ A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
+ $elm$core$List$cons,
+ x,
+ A2(
+ $elm$core$List$cons,
+ y,
+ A2(
+ $elm$core$List$cons,
+ z,
+ A2(
+ $elm$core$List$cons,
+ w,
+ A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
+ } else {
+ break _v0$5;
}
- } else {
- break _v0$3;
- }
}
- return 'Please select a tab';
- }()));
- }));
-};
-var $author$project$Stateless$SetTextInput = function (a) {
- return {$: 'SetTextInput', a: a};
-};
-var $author$project$Stateless$ToggleTextInputChip = function (a) {
- return {$: 'ToggleTextInputChip', a: a};
+ } else {
+ if (_v0.a === 1) {
+ break _v0$1;
+ } else {
+ break _v0$5;
+ }
+ }
+ }
+ }
+ return list;
+ }
+ var _v1 = _v0.b;
+ var x = _v1.a;
+ return _List_fromArray(
+ [x]);
+ }
+ });
+var $elm$core$List$take = F2(
+ function (n, list) {
+ return A3($elm$core$List$takeFast, 0, n, list);
+ });
+var $author$project$Widget$Snackbar$current = function (model) {
+ return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
};
+<<<<<<< HEAD
var $author$project$Stateless$chipButton = {active: $Orasund$elm_ui_framework$Framework$Color$primary, container: $Orasund$elm_ui_framework$Framework$Tag$simple, disabled: _List_Nil, label: $Orasund$elm_ui_framework$Framework$Grid$simple};
var $elm$core$Dict$diff = F2(
function (t1, t2) {
@@ -17596,26 +22031,175 @@ var $elm$core$Dict$diff = F2(
F3(
function (k, v, t) {
return A2($elm$core$Dict$remove, k, t);
+=======
+var $author$project$Widget$Snackbar$view = F3(
+ function (style, toMessage, model) {
+ return A2(
+ $elm$core$Maybe$map,
+ A2(
+ $elm$core$Basics$composeR,
+ toMessage,
+ function (_v0) {
+ var text = _v0.text;
+ var button = _v0.button;
+ return A2(
+ $mdgriffith$elm_ui$Element$row,
+ style.containerRow,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ style.text,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text(text))),
+ A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Element$none,
+ A2(
+ $elm$core$Maybe$map,
+ $author$project$Widget$textButton(style.button),
+ button))
+ ]));
+>>>>>>> cc2ca06... finishing the material design
}),
- t1,
- t2);
+ $author$project$Widget$Snackbar$current(model));
});
-var $elm$core$Set$diff = F2(
- function (_v0, _v1) {
- var dict1 = _v0.a;
- var dict2 = _v1.a;
- return $elm$core$Set$Set_elm_builtin(
- A2($elm$core$Dict$diff, dict1, dict2));
- });
-var $author$project$Stateless$textInput = function (model) {
- return _Utils_Tuple2(
- 'Chip Text Input',
- A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
+var $author$project$Widget$Layout$view = F3(
+ function (style, _v0, content) {
+ var search = _v0.search;
+ var title = _v0.title;
+ var onChangedSidebar = _v0.onChangedSidebar;
+ var menu = _v0.menu;
+ var actions = _v0.actions;
+ var window = _v0.window;
+ var dialog = _v0.dialog;
+ var layout = _v0.layout;
+ var snackbar = A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Element$none,
+ A2(
+ $elm$core$Maybe$map,
+ $mdgriffith$elm_ui$Element$el(
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(style.spacing),
+ $mdgriffith$elm_ui$Element$alignBottom,
+ $mdgriffith$elm_ui$Element$alignRight
+ ])),
+ A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar)));
+ var deviceClass = $mdgriffith$elm_ui$Element$classifyDevice(window)._class;
+ var _v1 = _Utils_Tuple2(
+ ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions))),
+ ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))));
+ var primaryActions = _v1.a;
+ var moreActions = _v1.b;
+ var sheet = function () {
+ var _v5 = layout.active;
+ if (_v5.$ === 'Just') {
+ switch (_v5.a.$) {
+ case 'LeftSheet':
+ var _v6 = _v5.a;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ style.sheet,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$alignLeft
+ ])),
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ $elm$core$List$concat(
+ _List_fromArray(
+ [
+ _List_fromArray(
+ [title]),
+ A2(
+ $elm$core$List$map,
+ $author$project$Widget$selectButton(style.sheetButton),
+ $author$project$Widget$select(menu))
+ ]))));
+ case 'RightSheet':
+ var _v7 = _v5.a;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ style.sheet,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+ $mdgriffith$elm_ui$Element$alignRight
+ ])),
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ A2(
+ $elm$core$List$map,
+ $author$project$Widget$button(style.sheetButton),
+ moreActions)));
+ default:
+ var _v8 = _v5.a;
+ if (search.$ === 'Just') {
+ var onChange = search.a.onChange;
+ var text = search.a.text;
+ var label = search.a.label;
+ return A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$alignTop,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ A2(
+ $mdgriffith$elm_ui$Element$Input$text,
+ _Utils_ap(
+ style.searchFill,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ])),
+ {
+ label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
+ onChange: onChange,
+ placeholder: $elm$core$Maybe$Just(
+ A2(
+ $mdgriffith$elm_ui$Element$Input$placeholder,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$text(label))),
+ text: text
+ }));
+ } else {
+ return $mdgriffith$elm_ui$Element$none;
+ }
+ }
+ } else {
+ return $mdgriffith$elm_ui$Element$none;
+ }
+ }();
+ var nav = A2(
+ $mdgriffith$elm_ui$Element$row,
+ _Utils_ap(
+ style.header,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$padding(0),
+ $mdgriffith$elm_ui$Element$centerX,
+ $mdgriffith$elm_ui$Element$spacing(style.spacing),
+ $mdgriffith$elm_ui$Element$alignTop,
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ])),
_List_fromArray(
[
A2(
+<<<<<<< HEAD
$author$project$Widget$textInput,
{
chip: $author$project$Stateless$chipButton,
@@ -17665,109 +22249,193 @@ var $author$project$Stateless$textInput = function (model) {
}),
A2(
$mdgriffith$elm_ui$Element$wrappedRow,
+=======
+ $mdgriffith$elm_ui$Element$row,
+>>>>>>> cc2ca06... finishing the material design
_List_fromArray(
[
- $mdgriffith$elm_ui$Element$spacing(10)
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$spacing(style.spacing)
]),
+ (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$iconButton,
+ style.menuButton,
+ {
+ icon: A2($mdgriffith$elm_ui$Element$map, $elm$core$Basics$never, style.menuIcon),
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))),
+ text: 'Menu'
+ }),
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ style.title,
+ A2(
+ $elm$core$Maybe$withDefault,
+ title,
+ A2(
+ $elm$core$Maybe$map,
+ A2(
+ $elm$core$Basics$composeR,
+ function ($) {
+ return $.text;
+ },
+ $mdgriffith$elm_ui$Element$text),
+ A2(
+ $elm$core$Maybe$andThen,
+ function (option) {
+ return A2(
+ $elm$core$Array$get,
+ option,
+ $elm$core$Array$fromList(menu.options));
+ },
+ menu.selected))))
+ ]) : _List_fromArray(
+ [
+ A2($mdgriffith$elm_ui$Element$el, style.title, title),
+ A2(
+ $mdgriffith$elm_ui$Element$row,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+ ]),
+ A2(
+ $elm$core$List$map,
+ $author$project$Widget$selectButton(style.menuTabButton),
+ $author$project$Widget$select(menu)))
+ ])),
+ (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
+ $elm$core$Maybe$withDefault,
+ $mdgriffith$elm_ui$Element$none,
A2(
- $elm$core$List$map,
- function (string) {
+ $elm$core$Maybe$map,
+ function (_v3) {
+ var onChange = _v3.onChange;
+ var text = _v3.text;
+ var label = _v3.label;
return A2(
- $mdgriffith$elm_ui$Element$Input$button,
- _Utils_ap($Orasund$elm_ui_framework$Framework$Button$simple, $Orasund$elm_ui_framework$Framework$Tag$simple),
+ $mdgriffith$elm_ui$Element$Input$text,
+ style.search,
{
- label: $mdgriffith$elm_ui$Element$text(string),
- onPress: $elm$core$Maybe$Just(
- $author$project$Stateless$ToggleTextInputChip(string))
+ label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
+ onChange: onChange,
+ placeholder: $elm$core$Maybe$Just(
+ A2(
+ $mdgriffith$elm_ui$Element$Input$placeholder,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$text(label))),
+ text: text
});
},
- $elm$core$Set$toList(
- A2(
- $elm$core$Set$diff,
- $elm$core$Set$fromList(
- _List_fromArray(
- ['A', 'B', 'C'])),
- model.chipTextInput))))
- ])));
-};
-var $author$project$Stateless$view = F2(
- function (_v0, model) {
- var msgMapper = _v0.msgMapper;
- var showDialog = _v0.showDialog;
- var changedSheet = _v0.changedSheet;
- return {
- description: 'Stateless views are simple functions that view some content. No wiring required.',
- items: _List_fromArray(
- [
+ search)),
A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$iconButton(model)),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$select(model)),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$multiSelect(model)),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$collapsable(model)),
- A2($author$project$Stateless$modal, changedSheet, model),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$carousel(model)),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$tab(model)),
- A2($author$project$Stateless$dialog, showDialog, model),
- A2(
- $elm$core$Tuple$mapSecond,
- $mdgriffith$elm_ui$Element$map(msgMapper),
- $author$project$Stateless$textInput(model))
- ]),
- title: 'Stateless Views'
- };
- });
-var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
-var $author$project$Widget$ScrollingNav$view = F2(
- function (asElement, _v0) {
- var toString = _v0.toString;
- var arrangement = _v0.arrangement;
- return A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- A2(
- $elm$core$List$map,
- function (header) {
- return A2(
- $mdgriffith$elm_ui$Element$el,
+ $mdgriffith$elm_ui$Element$row,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$alignRight
+ ]),
+ $elm$core$List$concat(
_List_fromArray(
[
- $mdgriffith$elm_ui$Element$htmlAttribute(
- $elm$html$Html$Attributes$id(
- toString(header))),
- $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
- ]),
- asElement(header));
- },
- arrangement));
+ A2(
+ $elm$core$Maybe$withDefault,
+ _List_Nil,
+ A2(
+ $elm$core$Maybe$map,
+ function (_v4) {
+ var label = _v4.label;
+ return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$button,
+ style.menuButton,
+ {
+ icon: style.searchIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
+ text: label
+ })
+ ]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$iconButton,
+ style.menuButton,
+ {
+ icon: style.searchIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
+ text: label
+ })
+ ]) : _List_Nil);
+ },
+ search)),
+ A2(
+ $elm$core$List$map,
+ _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Widget$iconButton(style.menuButton) : $author$project$Widget$button(style.menuButton),
+ primaryActions),
+ $elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
+ [
+ A2(
+ $author$project$Widget$iconButton,
+ style.menuButton,
+ {
+ icon: style.moreVerticalIcon,
+ onPress: $elm$core$Maybe$Just(
+ onChangedSidebar(
+ $elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))),
+ text: 'More'
+ })
+ ])
+ ])))
+ ]));
+ return A2(
+ style.layout,
+ $elm$core$List$concat(
+ _List_fromArray(
+ [
+ style.container,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$inFront(nav),
+ $mdgriffith$elm_ui$Element$inFront(snackbar)
+ ]),
+ function () {
+ if ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) {
+ if (dialog.$ === 'Just') {
+ var dialogConfig = dialog.a;
+ return dialogConfig;
+ } else {
+ return $author$project$Widget$modal(
+ {
+ content: sheet,
+ onDismiss: $elm$core$Maybe$Just(
+ onChangedSidebar($elm$core$Maybe$Nothing))
+ });
+ }
+ } else {
+ return _List_Nil;
+ }
+ }()
+ ])),
+ content);
});
-var $author$project$Example$view = function (model) {
+var $author$project$Main$view = function (model) {
if (model.$ === 'Loading') {
return A2($Orasund$elm_ui_framework$Framework$responsiveLayout, _List_Nil, $mdgriffith$elm_ui$Element$none);
} else {
var m = model.a;
+ var style = $author$project$Data$Theme$toStyle(m.theme);
return A2(
$elm$html$Html$map,
- $author$project$Example$LoadedSpecific,
- A2(
- $author$project$Layout$view,
- _List_Nil,
+ $author$project$Main$LoadedSpecific,
+ A3(
+ $author$project$Widget$Layout$view,
+ style.layout,
{
actions: _List_fromArray(
[
@@ -17777,7 +22445,7 @@ var $author$project$Example$view = function (model) {
_List_Nil,
$mdgriffith$elm_ui$Element$html($author$project$Icons$book)),
onPress: $elm$core$Maybe$Just(
- $author$project$Example$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
+ $author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
text: 'Docs'
},
{
@@ -17786,163 +22454,68 @@ var $author$project$Example$view = function (model) {
_List_Nil,
$mdgriffith$elm_ui$Element$html($author$project$Icons$github)),
onPress: $elm$core$Maybe$Just(
- $author$project$Example$Load('https://github.com/Orasund/elm-ui-widgets')),
+ $author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
text: 'Github'
},
{
icon: A2(
$mdgriffith$elm_ui$Element$el,
_List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$circle)),
- onPress: $elm$core$Maybe$Nothing,
- text: 'Placeholder'
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)),
+ onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
+ $author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
+ text: 'Material Theme'
},
{
icon: A2(
$mdgriffith$elm_ui$Element$el,
_List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$triangle)),
- onPress: $elm$core$Maybe$Nothing,
- text: 'Placeholder'
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)),
+ onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
+ $author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
+ text: 'Dark Material Theme'
},
{
icon: A2(
$mdgriffith$elm_ui$Element$el,
_List_Nil,
- $mdgriffith$elm_ui$Element$html($author$project$Icons$square)),
- onPress: $elm$core$Maybe$Nothing,
- text: 'Placeholder'
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)),
+ onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$ElmUiFramework)) ? $elm$core$Maybe$Just(
+ $author$project$Main$SetTheme($author$project$Data$Theme$ElmUiFramework)) : $elm$core$Maybe$Nothing,
+ text: 'Elm-Ui-Framework Theme'
+ },
+ {
+ icon: A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_Nil,
+ $mdgriffith$elm_ui$Element$html($author$project$Icons$penTool)),
+ onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Template)) ? $elm$core$Maybe$Just(
+ $author$project$Main$SetTheme($author$project$Data$Theme$Template)) : $elm$core$Maybe$Nothing,
+ text: 'Template Theme'
}
]),
- content: A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$Grid$compact,
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$el,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height(
- $mdgriffith$elm_ui$Element$px(42))
- ]),
- $mdgriffith$elm_ui$Element$none),
- A2(
- $mdgriffith$elm_ui$Element$column,
- $Orasund$elm_ui_framework$Framework$container,
- _List_fromArray(
- [
- A2(
- $author$project$Widget$ScrollingNav$view,
- function (section) {
- return function (_v2) {
- var title = _v2.title;
- var description = _v2.description;
- var items = _v2.items;
- return A2(
- $mdgriffith$elm_ui$Element$column,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$section,
- _List_fromArray(
- [$mdgriffith$elm_ui$Element$centerX])),
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$el,
- $Orasund$elm_ui_framework$Framework$Heading$h2,
- $mdgriffith$elm_ui$Element$text(title)),
- (m.search.current === '') ? A2(
- $mdgriffith$elm_ui$Element$paragraph,
- _List_Nil,
- $elm$core$List$singleton(
- $mdgriffith$elm_ui$Element$text(description))) : $mdgriffith$elm_ui$Element$none,
- A2(
- $mdgriffith$elm_ui$Element$wrappedRow,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
- ])),
- A2(
- $elm$core$List$map,
- function (_v3) {
- var name = _v3.a;
- var elem = _v3.b;
- return A2(
- $mdgriffith$elm_ui$Element$column,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Grid$simple,
- _Utils_ap(
- $Orasund$elm_ui_framework$Framework$Card$large,
- _List_fromArray(
- [
- $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
- ]))),
- _List_fromArray(
- [
- A2(
- $mdgriffith$elm_ui$Element$el,
- $Orasund$elm_ui_framework$Framework$Heading$h3,
- $mdgriffith$elm_ui$Element$text(name)),
- elem
- ]));
- },
- ((m.search.current !== '') ? $elm$core$List$filter(
- A2(
- $elm$core$Basics$composeR,
- $elm$core$Tuple$first,
- A2(
- $elm$core$Basics$composeR,
- $elm$core$String$toLower,
- $elm$core$String$contains(
- $elm$core$String$toLower(m.search.current))))) : $elm$core$Basics$identity)(items)))
- ]));
- }(
- function () {
- switch (section.$) {
- case 'ComponentViews':
- return A2($author$project$Component$view, $author$project$Example$ComponentSpecific, m.component);
- case 'ReusableViews':
- return $author$project$Reusable$view(
- {addSnackbar: $author$project$Example$AddSnackbar, model: m.reusable, msgMapper: $author$project$Example$ReusableSpecific});
- default:
- return A2(
- $author$project$Stateless$view,
- {
- changedSheet: $author$project$Example$ChangedSidebar,
- msgMapper: $author$project$Example$StatelessSpecific,
- showDialog: $author$project$Example$ToggleDialog(true)
- },
- m.stateless);
- }
- }());
- },
- m.scrollingNav)
- ]))
- ])),
dialog: m.displayDialog ? $elm$core$Maybe$Just(
A2(
$author$project$Widget$dialog,
+<<<<<<< HEAD
$author$project$Example$style.dialog,
+=======
+ style.dialog,
+>>>>>>> cc2ca06... finishing the material design
{
accept: $elm$core$Maybe$Just(
{
onPress: $elm$core$Maybe$Just(
- $author$project$Example$ToggleDialog(false)),
+ $author$project$Main$ToggleDialog(false)),
text: 'Ok'
}),
- body: A2(
- $mdgriffith$elm_ui$Element$paragraph,
- _List_Nil,
- $elm$core$List$singleton(
- $mdgriffith$elm_ui$Element$text('This is a dialog window'))),
dismiss: $elm$core$Maybe$Just(
{
onPress: $elm$core$Maybe$Just(
- $author$project$Example$ToggleDialog(false)),
+ $author$project$Main$ToggleDialog(false)),
text: 'Dismiss'
}),
+ text: 'This is a dialog window',
title: $elm$core$Maybe$Just('Dialog')
})) : $elm$core$Maybe$Nothing,
layout: m.layout,
@@ -17951,31 +22524,144 @@ var $author$project$Example$view = function (model) {
function (_int) {
return A2(
$elm$core$Maybe$map,
- $author$project$Example$JumpTo,
+ $author$project$Main$JumpTo,
A2(
$elm$core$Array$get,
_int,
$elm$core$Array$fromList(m.scrollingNav.arrangement)));
},
m.scrollingNav),
- onChangedSidebar: $author$project$Example$ChangedSidebar,
+ onChangedSidebar: $author$project$Main$ChangedSidebar,
search: $elm$core$Maybe$Just(
+<<<<<<< HEAD
{label: 'Search', onChange: $author$project$Example$ChangedSearch, text: m.search.raw}),
style: $author$project$Example$style,
+=======
+ {label: 'Search', onChange: $author$project$Main$ChangedSearch, text: m.search.raw}),
+>>>>>>> cc2ca06... finishing the material design
title: A2(
$mdgriffith$elm_ui$Element$el,
$Orasund$elm_ui_framework$Framework$Heading$h1,
$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')),
window: m.window
- }));
+ },
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ $Orasund$elm_ui_framework$Framework$Grid$compact,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height(
+ $mdgriffith$elm_ui$Element$px(42))
+ ]),
+ $mdgriffith$elm_ui$Element$none),
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ _Utils_ap($Orasund$elm_ui_framework$Framework$container, style.layout.container),
+ A2(
+ $elm$core$List$map,
+ function (section) {
+ return function (_v2) {
+ var title = _v2.title;
+ var description = _v2.description;
+ var items = _v2.items;
+ return A2(
+ $mdgriffith$elm_ui$Element$column,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$section,
+ _List_fromArray(
+ [$mdgriffith$elm_ui$Element$centerX])),
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ $Orasund$elm_ui_framework$Framework$Heading$h2,
+ $mdgriffith$elm_ui$Element$text(title)),
+ (m.search.current === '') ? A2(
+ $mdgriffith$elm_ui$Element$paragraph,
+ _List_Nil,
+ $elm$core$List$singleton(
+ $mdgriffith$elm_ui$Element$text(description))) : $mdgriffith$elm_ui$Element$none,
+ A2(
+ $mdgriffith$elm_ui$Element$wrappedRow,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
+ ])),
+ A2(
+ $elm$core$List$map,
+ function (_v4) {
+ var name = _v4.a;
+ var elem = _v4.b;
+ var more = _v4.c;
+ return A2(
+ $author$project$Widget$column,
+ style.cardColumn,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$column,
+ $Orasund$elm_ui_framework$Framework$Grid$simple,
+ _List_fromArray(
+ [
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _Utils_ap(
+ $Orasund$elm_ui_framework$Framework$Heading$h3,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+ $mdgriffith$elm_ui$Element$htmlAttribute(
+ $elm$html$Html$Attributes$id(name))
+ ])),
+ $mdgriffith$elm_ui$Element$text(name)),
+ elem
+ ])),
+ A2(
+ $mdgriffith$elm_ui$Element$el,
+ _List_fromArray(
+ [
+ $mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+ ]),
+ more)
+ ]));
+ },
+ ((m.search.current !== '') ? $elm$core$List$filter(
+ function (_v3) {
+ var a = _v3.a;
+ return A2(
+ $elm$core$String$contains,
+ $elm$core$String$toLower(m.search.current),
+ $elm$core$String$toLower(a));
+ }) : $elm$core$Basics$identity)(items)))
+ ]));
+ }(
+ function () {
+ if (section.$ === 'ReusableViews') {
+ return $author$project$Reusable$view(
+ {addSnackbar: $author$project$Main$AddSnackbar, theme: m.theme});
+ } else {
+ return $author$project$Stateless$view(
+ {model: m.stateless, msgMapper: $author$project$Main$StatelessSpecific, theme: m.theme});
+ }
+ }());
+ },
+ _List_fromArray(
+ [$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews])))
+ ]))));
}
};
-var $author$project$Example$main = $elm$browser$Browser$element(
- {init: $author$project$Example$init, subscriptions: $author$project$Example$subscriptions, update: $author$project$Example$update, view: $author$project$Example$view});
-_Platform_export({'Example':{'init':$author$project$Example$main(
+var $author$project$Main$main = $elm$browser$Browser$element(
+ {init: $author$project$Main$init, subscriptions: $author$project$Main$subscriptions, update: $author$project$Main$update, view: $author$project$Main$view});
+_Platform_export({'Main':{'init':$author$project$Main$main(
$elm$json$Json$Decode$succeed(_Utils_Tuple0))(0)}});}(this));
- var app = Elm.Example.init({ node: document.getElementById("elm") });
+ var app = Elm.Main.init({ node: document.getElementById("elm") });
}
catch (e)
{