UNPKG

mithril-materialized

Version:
3 lines (2 loc) 39 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("mithril")):"function"==typeof define&&define.amd?define(["exports","mithril"],t):t((e||self).mithrilMaterialized={},e.mithril)}(this,function(e,t){function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/a(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(this,arguments)}function o(e,t){if(null==e)return{};var a,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(a=o[n])>=0||(i[a]=e[a]);return i}var l,r=function(){return"idxxxxxxxx".replace(/[x]/g,function(){return(16*Math.random()|0).toString(16)})},d=function(e){return!isNaN(parseFloat(e))&&isFinite(e)},c=function(e,t,a){return void 0===t&&(t=2),void 0===a&&(a="0"),String(e).padStart(t,a)},u=["label","id","isMandatory","isActive","className"],s={view:function(e){return n.default("span.mandatory",e.attrs,"*")}},f=function(){return{view:function(e){var t=e.attrs,a=t.label,l=t.id,r=t.isMandatory,d=t.isActive,c=t.className,f=o(t,u);return a?n.default("label",i({},f,{className:[c,d?"active":""].filter(Boolean).join(" ").trim(),for:l}),[n.default.trust(a),r?n.default(s):void 0]):void 0}}},p=function(){return{view:function(e){var t=e.attrs,a=t.helperText,i=t.dataError,o=t.dataSuccess;return a||i||o?n.default("span.helper-text.left",{className:t.className,"data-error":i,"data-success":o},a?n.default.trust(a):""):void 0}}},m=["label","helperText","initialValue","onchange","newRow","className","style","iconName","isMandatory"],v=["iconName"],h=function(){return{view:function(e){var t=e.attrs,a=t.iconName,i=o(t,v);return n.default("i.material-icons",i,a)}}},g=["modalId","tooltip","tooltipPostion","iconName","iconClass","label","className","attr"],b=function(e,t,a){return void 0===a&&(a=""),function(){return{view:function(l){var r=l.attrs,d=r.modalId,c=r.tooltip,u=r.tooltipPostion,s=r.iconName,f=r.iconClass,p=r.label,m=r.className,v=r.attr,b=o(r,g),y=[d?"modal-trigger":"",c?"tooltipped":"",t,m].filter(Boolean).join(" ").trim();return n.default(e,i({},b,v,{className:y,href:d?"#"+d:void 0,"data-position":c?u||"top":void 0,"data-tooltip":c||void 0,type:a}),s?n.default(h,{iconName:s,className:f||"left"}):void 0,p||void 0)}}}},y=b("a","waves-effect waves-light btn","button"),w=b("a","waves-effect waves-light btn-large","button"),x=b("a","waves-effect waves-light btn-small","button"),k=b("a","waves-effect waves-teal btn-flat","button"),N=b("button","btn-floating btn-large waves-effect waves-light","button"),I=b("button","btn waves-effect waves-light","submit"),C=["href","src","alt"],A=function(){return{view:function(e){var t=e.attrs,a=t.href,l=t.src,r=t.alt,d=o(t,C);return n.default("a.carousel-item",i({},d,{href:a}),n.default("img",{src:l,alt:r}))}}},T=["newRow","code","language","className"],D=function(){return{view:function(e){var t=e.attrs,a=t.header,i=t.body,o=t.iconName;return n.default(t.active?"li.active":"li",[a||o?n.default(".collapsible-header",[o?n.default("i.material-icons",o):void 0,a?"string"==typeof a?n.default("span",a):a:void 0]):void 0,i?n.default(".collapsible-body",i):void 0])}}},S=["header","items","mode"],O=["title","active","href"],V=["items","header"],R=["items","header","mode"];e.CollectionMode=void 0,(l=e.CollectionMode||(e.CollectionMode={}))[l.BASIC=0]="BASIC",l[l.LINKS=1]="LINKS",l[l.AVATAR=2]="AVATAR";var B=function(e){return e&&/https?:\/\//.test(e)},L=function(){return{view:function(e){var t=e.attrs,a=t.href,i=t.iconName,o=void 0===i?"send":i,l=t.onclick,r=t.style,d={href:a,style:void 0===r?{cursor:"pointer"}:r,className:"secondary-content",onclick:l?function(){return l(t)}:void 0};return B(a)||!a?n.default("a[target=_]",d,n.default(h,{iconName:o})):n.default(n.default.route.Link,d,n.default(h,{iconName:o}))}}},j=function(e){return void 0===e&&(e=""),/\./.test(e)},E=function(){return{view:function(t){var a=t.attrs,i=a.item,o=i.title,l=i.content,r=void 0===l?"":l,d=i.active,c=i.iconName,u=i.avatar,s=i.className,f=i.onclick;return a.mode===e.CollectionMode.AVATAR?n.default("li.collection-item.avatar",{className:d?"active":"",onclick:f?function(){return f(i)}:void 0},[j(u)?n.default("img.circle",{src:u}):n.default("i.material-icons.circle",{className:s},u),n.default("span.title",o),n.default("p",n.default.trust(r)),n.default(L,i)]):n.default("li.collection-item",{className:d?"active":""},c?n.default("div",[o,n.default(L,i)]):o)}}},F=function(){return{view:function(t){var a=t.attrs,i=a.header,l=a.items,r=a.mode,d=void 0===r?e.CollectionMode.BASIC:r,c=o(a,S),u=l.map(function(e){return n.default(E,{key:e.id,item:e,mode:d})});return i?n.default("ul.collection.with-header",c,[n.default("li.collection-header",n.default("h4",i)),u]):n.default("ul.collection",c,u)}}},P=function(){return{view:function(e){var t=e.attrs.item,a=t.title,l=t.active,r=t.href,d=i({},o(t,O),{className:"collection-item "+(l?"active":""),href:r});return B(r)||!r?n.default("a[target=_]",d,a):n.default(n.default.route.Link,d,a)}}},K=function(){return{view:function(e){var t=e.attrs,a=t.items,i=t.header,l=o(t,V);return i?n.default(".collection.with-header",l,[n.default(".collection-header",n.default("h4",i)),a.map(function(e){return n.default(P,{key:e.id,item:e})})]):n.default(".collection",l,a.map(function(e){return n.default(P,{key:e.id,item:e})}))}}},_=function(){return{view:function(t){var a=t.attrs,l=a.items,r=a.header,d=a.mode,c=void 0===d?e.CollectionMode.BASIC:d,u=o(a,R);return r||l&&l.length>0?c===e.CollectionMode.LINKS?n.default(K,i({header:r,items:l},u)):n.default(F,i({header:r,items:l,mode:c},u)):void 0}}},z=["key","label","onchange","disabled","items","iconName","helperText","style","className"],H=["className","iconName","iconClass","position","style","buttons"],U=["className","helperText","iconName","id","initialValue","isMandatory","label","onchange","onkeydown","onkeypress","onkeyup","onblur","style"],q=["className","dataError","dataSuccess","helperText","iconName","id","initialValue","isMandatory","label","maxLength","newRow","onchange","onkeydown","onkeypress","onkeyup","onblur","style","validate"],W=function(){var e={id:r()};return{view:function(t){var a=t.attrs,l=a.className,r=void 0===l?"col s12":l,d=a.helperText,c=a.iconName,u=a.id,s=void 0===u?e.id:u,m=a.initialValue,v=a.isMandatory,h=a.label,g=a.onchange,b=a.onkeydown,y=a.onkeypress,w=a.onkeyup,x=a.onblur,k=a.style,N=o(a,U);return n.default(".input-field",{className:r,style:k},[c?n.default("i.material-icons.prefix",c):"",n.default("textarea.materialize-textarea",i({},N,{id:s,tabindex:0,oncreate:function(e){var t=e.dom;M.textareaAutoResize(t),a.maxLength&&M.CharacterCounter.init(t)},onchange:g?function(e){var t=e.target;g(t&&"string"==typeof t.value?t.value:"")}:void 0,value:m,onkeyup:w?function(e){w(e,e.target.value)}:void 0,onkeydown:b?function(e){b(e,e.target.value)}:void 0,onkeypress:y?function(e){y(e,e.target.value)}:void 0,onblur:x})),n.default(f,{label:h,id:s,isMandatory:v,isActive:m||a.placeholder}),n.default(p,{helperText:d})])}}},Y=function(e,t){return void 0===t&&(t=""),function(){var a={id:r()},l=function(t){var a=t.value;return!a||"number"!==e&&"range"!==e?a:+a},d=function(e,t){e.setCustomValidity("boolean"==typeof t?t?"":"Custom validation failed":t)};return{view:function(r){var c=r.attrs,u=c.className,s=void 0===u?"col s12":u,m=c.dataError,v=c.dataSuccess,h=c.helperText,g=c.iconName,b=c.id,y=void 0===b?a.id:b,w=c.initialValue,x=c.isMandatory,k=c.label,N=c.maxLength,I=c.newRow,C=c.onchange,A=c.onkeydown,T=c.onkeypress,D=c.onkeyup,S=c.onblur,O=c.style,V=c.validate,R=o(c,q),B=[I?"clear":"",t,s].filter(Boolean).join(" ").trim();return n.default(".input-field",{className:B,style:O},[g?n.default("i.material-icons.prefix",g):void 0,n.default("input.validate",i({},R,{type:e,tabindex:0,id:y,oncreate:function(t){var a,n=t.dom;(a=c.autofocus)&&("boolean"==typeof a?a:a())&&n.focus(),N&&M.CharacterCounter.init(n),"range"===e&&M.Range.init(n)},onkeyup:D?function(e){D(e,l(e.target))}:void 0,onkeydown:A?function(e){A(e,l(e.target))}:void 0,onkeypress:T?function(e){T(e,l(e.target))}:void 0,onblur:S,onupdate:V?function(e){var t=e.dom;d(t,V(l(t),t))}:void 0,onchange:function(e){var t=e.target;if(t){var a=l(t);C&&C(a),V&&d(t,V(a,t))}},value:w})),n.default(f,{label:k,id:y,isMandatory:x,isActive:!(void 0===w&&!c.placeholder&&"number"!==e&&"color"!==e&&"range"!==e)}),n.default(p,{helperText:h,dataError:m,dataSuccess:v})])}}}},$=Y("text"),X=Y("password"),G=Y("number"),J=Y("url"),Q=Y("color"),Z=Y("range",".range-field"),ee=Y("email"),te=function(){return{view:function(e){var t=e.attrs,a=t.className,i=t.onchange,o=t.label,l=t.description;return n.default("div",{className:void 0===a?"col s12":a,style:t.style},n.default("label",[n.default("input[type=checkbox][tabindex=0]",{checked:t.checked,disabled:t.disabled,onclick:i?function(e){e.target&&void 0!==e.target.checked&&i(e.target.checked)}:void 0}),o?"string"==typeof o?n.default("span",o):o:void 0]),l&&n.default(p,{className:"input-checkbox-desc",helperText:l}))}}},ae=function(){return{view:function(e){var t=e.attrs,a=t.title;return n.default("li",{className:t.active?"active":t.disabled?"disabled":"waves-effect"},"number"==typeof a?n.default(n.default.route.Link,{href:t.href},a):a)}}},ne=["label","helperText","initialValue","newRow","className","iconName","isMandatory","onchange","disabled"],ie=["label","helperText","initialValue","newRow","className","iconName","isMandatory","onchange","disabled"],oe=function(){return{view:function(e){var t=e.attrs,a=t.id,i=t.label,o=t.onchange,l=t.className;return n.default("div",{className:void 0===l?"col s12":l},n.default("label",[n.default("input[type=radio][tabindex=0]",{name:t.groupId,disabled:t.disabled,checked:t.checked,onclick:o?function(){return o(a)}:void 0}),n.default("span",n.default.trust(i))]))}}},le=["label","left","right","disabled","newRow","onchange","checked","isMandatory","className"],re=function(){return{view:function(e){var t=e.attrs,a=t.id,i=t.title,o=t.datetime,l=t.active,r=t.content,d=t.iconName,c=t.timeFormatter,u=t.onSelect;return n.default("li",{id:a,className:l?"active":void 0,onclick:u?function(){return u({id:a,title:i,datetime:o,active:l,content:r})}:void 0,style:u?"cursor: pointer;":void 0},[n.default(".mm_time",{datetime:o},[n.default("span",(0,t.dateFormatter)(o)),n.default("span",c(o))]),d?n.default(".mm_icon",n.default("i.material-icons",d)):void 0,n.default(".mm_label",[i?"string"==typeof i?n.default("h5",i):i:void 0,r?"string"==typeof r?n.default("p",r):r:void 0])])}}};e.AnchorItem=P,e.Autocomplete=function(){var e={id:r()};return{view:function(t){var a=t.attrs,l=a.id||e.id,r=a.label,d=a.helperText,c=a.initialValue,u=a.onchange,s=a.newRow,v=a.className,h=void 0===v?"col s12":v,g=a.style,b=a.iconName,y=a.isMandatory,w=o(a,m);return n.default(".input-field"+(s?".clear":""),{className:s?h+" clear":h,style:g},[b?n.default("i.material-icons.prefix",b):"",n.default("input",i({},w,{className:"autocomplete",type:"text",tabindex:0,id:l,oncreate:function(e){M.Autocomplete.init(e.dom,a)},onchange:u?function(e){e.target&&e.target.value&&u(e.target.value)}:void 0,value:c})),n.default(f,{label:r,id:l,isMandatory:y,isActive:c}),n.default(p,{helperText:d})])}}},e.Button=y,e.ButtonFactory=b,e.Carousel=function(){return{view:function(e){var t=e.attrs,a=t.items;return a&&a.length>0?n.default(".carousel",{oncreate:function(e){M.Carousel.init(e.dom,t)}},a.map(function(e){return n.default(A,e)})):void 0}}},e.CarouselItem=A,e.Chips=function(){var e={chipsData:[],selectedChip:null,focused:!1,inputValue:"",inputId:r(),autocompleteItems:[],selectedAutocompleteIndex:-1,showAutocomplete:!1},t=null,a=function(){var a;if(null!=(a=t)&&null!=(a=a.attrs.autocompleteOptions)&&a.data){var n=t.attrs.autocompleteOptions,i=n.data,o=n.minLength,l=void 0===o?1:o,r=e.inputValue.toLowerCase();if(r.length<l)return e.autocompleteItems=[],void(e.showAutocomplete=!1);var d=function(e){return Array.isArray(e)?e.map(function(e){return"string"==typeof e?{tag:e}:e}):Object.entries(e).map(function(e){var t=e[0];return{tag:t,value:e[1]||t}})}(i),c=d.filter(function(e){return e.tag.toLowerCase().includes(r)});e.autocompleteItems=c.slice(0,t.attrs.autocompleteOptions.limit||Infinity),e.showAutocomplete=e.autocompleteItems.length>0,e.selectedAutocompleteIndex=-1}else e.autocompleteItems=[]},i=function(t){o({tag:t.tag,image:t.image,alt:t.alt}),e.inputValue="",e.showAutocomplete=!1,e.selectedAutocompleteIndex=-1},o=function(a){if(t){var n=t.attrs,i=n.limit,o=void 0===i?Infinity:i,l=n.onChipAdd,r=n.onchange;!function(e,t){return!(!e.tag||""===e.tag.trim()||t.some(function(t){return t.tag===e.tag}))}(a,e.chipsData)||e.chipsData.length>=o||(e.chipsData=[].concat(e.chipsData,[a]),e.inputValue="",l&&l(a),r&&r(e.chipsData))}},l=function(a){if(t){var n=t.attrs,i=n.onChipDelete,o=n.onchange,l=e.chipsData[a];e.chipsData=e.chipsData.filter(function(e,t){return t!==a}),e.selectedChip=null,i&&i(l),o&&o(e.chipsData)}},d=function(a){if(t){var n=t.attrs.onChipSelect;e.selectedChip=a,n&&e.chipsData[a]&&n(e.chipsData[a])}},c=function(a){var r=a.target;if(e.showAutocomplete){if("ArrowDown"===a.key){var c;a.preventDefault(),e.selectedAutocompleteIndex=Math.min(e.selectedAutocompleteIndex+1,e.autocompleteItems.length-1);var u=null==(c=t)?void 0:c.dom.querySelector(".autocomplete-item.selected");return u&&u.scrollIntoView({block:"nearest"}),void n.default.redraw()}if("ArrowUp"===a.key){var s;a.preventDefault(),e.selectedAutocompleteIndex=Math.max(e.selectedAutocompleteIndex-1,-1);var f=null==(s=t)?void 0:s.dom.querySelector(".autocomplete-item.selected");return f&&f.scrollIntoView({block:"nearest"}),void n.default.redraw()}if("Enter"===a.key&&e.selectedAutocompleteIndex>=0)return a.preventDefault(),void i(e.autocompleteItems[e.selectedAutocompleteIndex])}"Enter"===a.key&&r.value.trim()?(a.preventDefault(),o({tag:r.value.trim()})):"Backspace"===a.key&&!r.value&&e.chipsData.length>0?(a.preventDefault(),l(e.chipsData.length-1)):"ArrowLeft"===a.key&&!r.value&&e.chipsData.length&&(a.preventDefault(),d(e.chipsData.length-1))};return{oninit:function(t){e.chipsData=t.attrs.data||[]},oncreate:function(e){t=e},onremove:function(){t=null},view:function(o){var r=o.attrs,u=r.isMandatory,s=void 0===u?r.required:u,m=r.className,v=r.label,h=r.helperText,g=r.placeholder,b=r.secondaryPlaceholder;return n.default(".input-field",{id:r.id,className:void 0===m?"col s12":m},[n.default(".chips.chips-initial",{class:"chips-container "+(e.focused?"focused":"")+" "+(g?"chips-placeholder":"")},[e.chipsData.map(function(a,i){return n.default(".chip",{key:a.tag+"-"+i,tabindex:0,class:e.selectedChip===i?"selected":"",onkeydown:function(a){return function(a,n){if("Backspace"===a.key||"Delete"===a.key){a.preventDefault(),l(n);var i=Math.max(n-1,0);e.chipsData.length&&d(i)}else if("ArrowLeft"===a.key&&n>0)d(n-1);else if("ArrowRight"===a.key)if(n<e.chipsData.length-1)d(n+1);else{var o,r=null==(o=t)?void 0:o.dom.querySelector(".chips-input");r&&r.focus()}}(a,i)}},[a.image&&n.default("img",{src:a.image,alt:a.alt||a.tag}),a.tag,n.default("i.material-icons.close",{onclick:function(e){e.stopPropagation(),l(i)}},"close")])}),n.default("input.chips-input.input",{id:e.inputId,title:"label",value:e.inputValue,placeholder:!e.chipsData.length&&g?g:e.chipsData.length&&b?b:"",oninput:function(t){e.inputValue=t.target.value,a()},onfocus:function(){e.focused=!0,e.selectedChip=null,a()},onblur:function(){e.focused=!1,setTimeout(function(){e.showAutocomplete=!1,e.selectedChip=null,n.default.redraw()},150)},onkeydown:c}),e.showAutocomplete&&n.default("ul.autocomplete-content.dropdown-content",{style:{display:"block",opacity:1,transform:"scaleX(1) scaleY(1)",position:"absolute",width:"100%",left:0,top:"100%",maxHeight:"200px",overflow:"auto",zIndex:1e3,backgroundColor:"#fff",boxShadow:"0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)"}},e.autocompleteItems.map(function(t,a){return n.default("li.autocomplete-item",{key:t.tag,class:e.selectedAutocompleteIndex===a?"selected":"",style:{padding:"12px 16px",cursor:"pointer",backgroundColor:e.selectedAutocompleteIndex===a?"#eee":"transparent"},onmousedown:function(e){e.preventDefault(),i(t)},onmouseover:function(){e.selectedAutocompleteIndex=a}},[t.image&&n.default("img.autocomplete-item-image",{src:t.image,alt:t.alt||t.tag,style:{width:"24px",height:"24px",marginRight:"8px",verticalAlign:"middle"}}),n.default("span.autocomplete-item-text",t.tag)])}))]),v&&n.default(f,{label:v,id:e.inputId,isMandatory:s,isActive:!!(e.focused||e.chipsData.length||g)}),h&&n.default(p,{helperText:h})])}}},e.CodeBlock=function(){return{view:function(e){var t=e.attrs,a=t.newRow,l=t.code,r=t.language,d=t.className,c=o(t,T),u=r||"lang-TypeScript",s=u.replace("lang-",""),f=l instanceof Array?l.join("\n"):l,p=[a?"clear":"",u,d].filter(Boolean).join(" ").trim();return n.default("pre.codeblock"+(a?".clear":""),t,[n.default("div",n.default("label",s)),n.default("code",i({},c,{className:p}),f)])}}},e.Collapsible=function(){return{oncreate:function(e){M.Collapsible.init(e.dom,e.attrs)},view:function(e){var t=e.attrs,a=t.items;return a&&a.length>0?n.default("ul.collapsible",{class:t.class||t.className,style:t.style,id:t.id},a.map(function(e){return n.default(D,e)})):void 0}}},e.CollapsibleItem=D,e.Collection=_,e.ColorInput=Q,e.DatePicker=function(){var e={id:r()};return{view:function(t){var a=t.attrs,l=a.label,r=a.helperText,d=a.initialValue,c=a.newRow,u=a.className,s=void 0===u?"col s12":u,m=a.iconName,v=a.isMandatory,h=a.onchange,g=a.disabled,b=o(a,ne),y=e.id,w=h?function(){return e.dp&&h(e.dp.date)}:void 0,x=[c?"clear":"",s].filter(Boolean).join(" ").trim();return n.default(".input-field",{className:x,onremove:function(){return e.dp&&e.dp.destroy()}},[m?n.default("i.material-icons.prefix",m):"",n.default("input",i({},b,{type:"text",tabindex:0,className:"datepicker",id:y,disabled:g,oncreate:function(t){e.dp=M.Datepicker.init(t.dom,i({format:"yyyy/mm/dd",showClearBtn:!0,setDefaultDate:!0,defaultDate:d?new Date(d):new Date},b,{onClose:w}))}})),n.default(f,{label:l,id:y,isMandatory:v,isActive:!!d}),n.default(p,{helperText:r})])}}},e.Dropdown=function(){var e={};return{oninit:function(t){var a=t.attrs,n=a.id,i=void 0===n?r():n,o=a.initialValue,l=a.checkedId;e.id=i,e.initialValue=o||l},view:function(t){var a=t.attrs,i=a.key,l=a.label,r=a.onchange,d=a.disabled,c=void 0!==d&&d,u=a.items,s=a.iconName,f=a.helperText,m=a.style,v=a.className,h=void 0===v?"col s12":v,g=o(a,z),b=e.id,y=e.initialValue,w=y?u.filter(function(e){return e.id?e.id===y:e.label===y}).shift():void 0,x=w?w.label:l||"Select";return n.default(".input-field",{className:h,key:i,style:m},[s?n.default("i.material-icons.prefix",s):void 0,n.default(p,{helperText:f}),n.default("a.dropdown-trigger.btn.truncate[href=#]",{"data-target":b,disabled:c,className:"col s12",style:m||(s?"margin: 0.2em 0 0 3em;":void 0),oncreate:function(e){M.Dropdown.init(e.dom,g)}},x),n.default("ul.dropdown-content",{id:b},u.map(function(t){return n.default("li[tabindex=-1]",{className:t.divider?"divider":""},t.divider?void 0:n.default("a",{onclick:r?function(){e.initialValue=t.id||t.label,r(e.initialValue)}:void 0},[t.iconName?n.default("i.material-icons",t.iconName):void 0,t.label]))}))])}}},e.EmailInput=ee,e.FileInput=function(){var e,t=!1;return{view:function(a){var i=a.attrs,o=i.multiple,l=i.disabled,r=i.initialValue,d=i.placeholder,c=i.onchange,u=i.className,s=void 0===u?"col s12":u,f=i.accept,p=i.label,m=void 0===p?"File":p,v=f?f instanceof Array?f.join(", "):f:void 0;return n.default(".file-field.input-field",{className:i.class||s},[n.default(".btn",[n.default("span",m),n.default("input[type=file]",{title:m,accept:v,multiple:o,disabled:l,onchange:c?function(e){var a=e.target;a&&a.files&&c&&(t=!0,c(a.files))}:void 0})]),n.default(".file-path-wrapper",n.default("input.file-path.validate[type=text]",{placeholder:d,oncreate:function(t){e=t.dom,r&&(e.value=r)}})),(t||r)&&n.default("a.waves-effect.waves-teal.btn-flat",{style:{float:"right",position:"relative",top:"-3rem",padding:0},onclick:function(){t=!1,e.value="",c&&c({})}},n.default("i.material-icons","clear"))])}}},e.FlatButton=k,e.FloatingActionButton=function(){return{view:function(e){var t=e.attrs,a=t.className,i=t.iconName,l=t.iconClass,r=void 0===l?"large":l,d=t.position,c=t.style,u=void 0===c?"left"===d||"inline-left"===d?"position: absolute; display: inline-block; left: 24px;":"right"===d||"inline-right"===d?"position: absolute; display: inline-block; right: 24px;":void 0:c,s=t.buttons,f=o(t,H),p=n.default(".fixed-action-btn",{style:u,oncreate:function(e){return M.FloatingActionButton.init(e.dom,f)}},[n.default("a.btn-floating.btn-large",{className:a},n.default("i.material-icons",{classNames:r},i)),s?n.default("ul",s.map(function(e){return n.default("li",n.default("a.btn-floating",{className:e.className,onclick:function(t){return e.onClick&&e.onClick(t)}},n.default("i.material-icons",{className:e.iconClass},e.iconName)))})):void 0]);return"inline-right"===d||"inline-left"===d?n.default("div",{style:"position: relative; height: 70px;"},p):p}}},e.HelperText=p,e.Icon=h,e.InputCheckbox=te,e.Label=f,e.LargeButton=w,e.ListItem=E,e.Mandatory=s,e.MapEditor=function(){var t=function(e){return a.curKey=a.id=e},a={elementId:r(),id:"",curKey:"",kvc:function(e,t,a){var i=a.keyClass,o=void 0===i?".col.s4":i,l=a.valueClass,r=void 0===l?".col.s8":l,d=t instanceof Array?t.join(", "):"boolean"==typeof t?n.default(te,{label:" ",checked:t,disabled:!0,className:"checkbox-in-collection"}):t.toString();return{title:n.default(".row",{style:"margin-bottom: 0"},[n.default(o,n.default("b",e)),n.default(r,d)])}}},i=function(){a.id="",a.curKey=""};return{oninit:function(e){var t=e.attrs,n=t.keyValueConverter,i=t.id;n&&(a.kvc=n),i&&(a.elementId=i)},view:function(o){var l=o.attrs,r=l.className,d=void 0===r?"col s12":r,c=l.disabled,u=l.disallowArrays,s=l.header,p=l.iconName,m=l.iconNameKey,v=void 0===m?p?"label":void 0:m,h=l.isMandatory,g=l.label,b=l.labelKey,y=void 0===b?"Key":b,w=l.labelValue,x=void 0===w?"Value":w,N=l.properties,I=l.onchange,C=l.falsy,M=void 0===C?["false"]:C,A=l.truthy,T=void 0===A?["true"]:A,D=function(){return I?I(N):void 0},S=function(e,n){return Object.keys(e).map(function(t){return{key:t,value:e[t]}}).map(function(e){return function(e,n){var i=n.onclick;return n.id=n.id||e,n.active=e===a.curKey,n.onclick=i?function(){return t(e)&&i(n)}:function(){return t(e)},n}(e.key,a.kvc(e.key,e.value,{keyClass:n.keyClass,valueClass:n.valueClass}))})}(N,{keyClass:l.keyClass,valueClass:l.valueClass}),O=a.curKey,V=N[O],R="boolean"==typeof V||"number"==typeof V?V:V?V instanceof Array?"["+V.join(", ")+"]":V:"",B=a.elementId;return[n.default(".map-editor",n.default(".input-field",{className:d,style:"min-height: 1.5em;"},[p?n.default("i.material-icons.prefix",p):"",n.default(f,{label:g,isMandatory:h,isActive:S.length>0}),n.default(_,{id:B,items:S,mode:e.CollectionMode.LINKS,header:s})])),c?void 0:[n.default($,{label:y,iconName:v,className:"col s5",initialValue:O,onchange:function(e){a.curKey=e,a.id&&(delete N[a.id],N[e]=V,a.id=e),D()}}),"string"==typeof R?n.default(W,{label:x,initialValue:R,className:"col s7",onchange:function(e){var t=function(e,t,a){return t.indexOf(e)>=0||!(a.indexOf(e)>=0)&&void 0}(e,T,M),a=void 0===t&&/^\s*\d+\s*$/i.test(e)?+e:void 0;N[O]="boolean"==typeof t?t:"number"==typeof a?a:function(e,t){if(void 0===t&&(t=!1),t)return e;if(e){var a=/\s*\[(.*)\]\s*/gi.exec(e);if(a&&2===a.length)return a[1].split(",").map(function(e){return e.trim()}).map(function(e){return/^\d+$/g.test(e)?+e:e})}}(e,u)||e,D()}}):"number"==typeof R?n.default(G,{label:x,initialValue:R,className:"col s7",onchange:function(e){N[O]=e,D()}}):n.default(te,{label:x,checked:R,className:"input-field col s7",onchange:function(e){N[O]=e,D()}}),n.default(".col.s12.right-align",[n.default(k,{iconName:"add",onclick:i}),n.default(k,{iconName:"delete",disabled:!O,onclick:function(){delete N[O],i(),D()}})])]]}}},e.MaterialBox=function(){return{oncreate:function(e){M.Materialbox.init(e.dom,e.attrs)},view:function(e){return n.default("img.materialboxed",e.attrs)}}},e.ModalPanel=function(){return{oncreate:function(e){var t=e.attrs,a=t.onCreate,n=M.Modal.init(e.dom,t.options);a&&a(n)},view:function(e){var t=e.attrs,a=t.id,o=t.title,l=t.description,r=t.buttons,d=t.richContent,c=[t.className,t.fixedFooter?"modal-fixed-footer":"",t.bottomSheet?"bottom-sheet":""].filter(Boolean).join(" ").trim();return n.default(".modal",{id:a,className:c},[n.default(".modal-content",[n.default("h4",o),d&&"string"==typeof l?n.default.trust(l||""):"string"==typeof l?n.default("p",l):l]),r?n.default(".modal-footer",r.map(function(e){return n.default(k,i({},e,{className:"modal-close"}))})):void 0])}}},e.NumberInput=G,e.Options=function(){var e={},t=function(t){return e.checkedIds.indexOf(t)>=0};return{oninit:function(t){var a=t.attrs,n=a.checkedId,i=n||a.initialValue;e.checkedId=n,e.checkedIds=i?i instanceof Array?[].concat(i):[i]:[]},view:function(a){var i=a.attrs,o=i.label,l=i.id,r=i.options,d=i.checkedId,c=i.description,u=i.className,s=void 0===u?"col s12":u,m=i.style,v=i.disabled,h=i.checkboxClass,g=i.newRow,b=i.isMandatory,y=i.onchange;d&&e.checkedId!==d&&(e.checkedId=d,e.checkedIds=d instanceof Array?d:[d]);var w=y?function(t,a){var n=e.checkedIds.filter(function(e){return e!==t});a&&n.push(t),e.checkedIds=n,y(n)}:void 0,x=[g?"clear":"",s].filter(Boolean).join(" ").trim();return n.default("div",{className:x,style:m},[n.default("div",{className:"input-field options"},n.default(f,{id:l,label:o,isMandatory:b})),n.default(p,{helperText:c})].concat(r.map(function(e){return n.default(te,{disabled:v||e.disabled,label:e.label,onchange:w?function(t){return w(e.id,t)}:void 0,className:e.className||h,checked:t(e.id),description:e.description})})))}}},e.Pagination=function(){var e={pagIndex:0};return{view:function(t){var a=t.attrs,o=a.items,l=a.curPage,r=void 0===l?1:l,d=a.size,c=void 0===d?Math.min(9,o.length):d,u=e.pagIndex,s=u*c,f=s+c,p=u>0,m=f<o.length,v=[{title:n.default("a",{onclick:function(){return p&&e.pagIndex--}},n.default("i.material-icons","chevron_left")),disabled:!p}].concat(o.filter(function(e,t){return s<=t&&t<f}),[{title:n.default("a",{onclick:function(){return m&&e.pagIndex++}},n.default("i.material-icons","chevron_right")),disabled:!m}]);return n.default("ul.pagination",v.map(function(e,t){return n.default(ae,i({title:s+t},e,{active:s+t===r}))}))}}},e.Parallax=function(){return{oncreate:function(e){M.Parallax.init(e.dom,e.attrs)},view:function(e){var t=e.attrs.src;return t?n.default(".parallax-container",n.default(".parallax",n.default("img",{src:t}))):void 0}}},e.PasswordInput=X,e.RadioButton=oe,e.RadioButtons=function(){var e={groupId:r()};return{oninit:function(t){var a=t.attrs,n=a.checkedId,i=a.initialValue;e.oldCheckedId=n,e.checkedId=n||i},view:function(t){var a=t.attrs,o=a.id,l=a.checkedId,r=a.newRow,d=a.className,c=void 0===d?"col s12":d,u=a.label,s=void 0===u?"":u,p=a.disabled,m=a.description,v=a.options,h=a.isMandatory,g=a.checkboxClass,b=a.onchange;e.oldCheckedId!==l&&(e.oldCheckedId=e.checkedId=l);var y=e.groupId,w=e.checkedId,x=function(t){e.checkedId=t,b&&b(t)};return r&&(c+=" clear"),n.default("div",{id:o,className:c},[n.default("div",{className:"input-field options"},n.default(f,{id:o,label:s,isMandatory:h})),m?n.default("p.helper-text",n.default.trust(m)):""].concat(v.map(function(e){return n.default(oe,i({},e,{onchange:x,groupId:y,disabled:p,className:g,checked:e.id===w}))})))}}},e.RangeInput=Z,e.RoundIconButton=N,e.SearchSelect=function(){var e={isOpen:!1,selectedOptions:[],searchTerm:"",options:[],inputRef:null,dropdownRef:null,focusedIndex:-1,onchange:null},t=function(t){var a=t.target;e.inputRef&&e.inputRef.contains(a)?(e.isOpen=!e.isOpen,n.default.redraw()):e.dropdownRef&&!e.dropdownRef.contains(a)&&(e.isOpen=!1,n.default.redraw())},a=function(t){if(e.isOpen){var a=e.options.filter(function(t){return(t.label||t.id.toString()).toLowerCase().includes((e.searchTerm||"").toLowerCase())&&!e.selectedOptions.some(function(e){return e.id===t.id})});switch(t.key){case"ArrowDown":t.preventDefault(),e.focusedIndex=Math.min(e.focusedIndex+1,a.length-1),n.default.redraw();break;case"ArrowUp":t.preventDefault(),e.focusedIndex=Math.max(e.focusedIndex-1,-1),n.default.redraw();break;case"Enter":t.preventDefault(),e.focusedIndex>=0&&e.focusedIndex<a.length&&i(a[e.focusedIndex]);break;case"Escape":t.preventDefault(),e.isOpen=!1,e.focusedIndex=-1,n.default.redraw()}}},i=function(t){t.disabled||(e.selectedOptions=e.selectedOptions.some(function(e){return e.id===t.id})?e.selectedOptions.filter(function(e){return e.id!==t.id}):[].concat(e.selectedOptions,[t]),e.searchTerm="",e.focusedIndex=-1,e.onchange&&e.onchange(e.selectedOptions.map(function(e){return e.id})),n.default.redraw())};return{oninit:function(t){var a=t.attrs,n=a.options,i=void 0===n?[]:n,o=a.initialValue,l=void 0===o?[]:o,r=a.onchange;e.options=i,e.selectedOptions=i.filter(function(e){return l.includes(e.id)}),e.onchange=r},oncreate:function(){document.addEventListener("click",t),document.addEventListener("keydown",a)},onremove:function(){document.removeEventListener("click",t),document.removeEventListener("keydown",a)},view:function(t){var a=t.attrs,o=a.oncreateNewOption,l=a.className,r=a.placeholder,d=a.searchPlaceholder,c=void 0===d?"Search options...":d,u=a.noOptionsFound,s=void 0===u?"No options found":u,f=a.label,p=a.maxHeight,m=void 0===p?"25rem":p,v=e.options.filter(function(t){return(t.label||t.id.toString()).toLowerCase().includes((e.searchTerm||"").toLowerCase())&&!e.selectedOptions.some(function(e){return e.id===t.id})}),h=o&&e.searchTerm&&!v.some(function(t){return(t.label||t.id.toString()).toLowerCase()===e.searchTerm.toLowerCase()});return n.default(".multi-select-dropdown.input-field",{className:l},[n.default("label",{class:r||e.selectedOptions.length>0?"active":""},f),n.default(".dropdown-trigger",{oncreate:function(t){e.inputRef=t.dom},style:{borderBottom:"2px solid #d1d5db",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer"}},[n.default(".selected-options",{style:{display:"flex",flexWrap:"wrap",minHeight:"50px",paddingTop:"12px"}},0===e.selectedOptions.length?[n.default("span",r)]:e.selectedOptions.map(function(t){return n.default(".chip",[t.label||t.id.toString(),n.default("button",{onclick:function(a){a.stopPropagation(),function(t){e.selectedOptions=e.selectedOptions.filter(function(e){return e.id!==t.id}),e.onchange&&e.onchange(e.selectedOptions.map(function(e){return e.id})),n.default.redraw()}(t)},style:{marginLeft:"0.25rem",background:"none",border:"none",cursor:"pointer"}},"×")])})),n.default("svg.caret",{class:"caret",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},[n.default("path",{d:"M7 10l5 5 5-5z"}),n.default("path",{d:"M0 0h24v24H0z",fill:"none"})])]),e.isOpen&&n.default(".dropdown-menu",{oncreate:function(t){e.dropdownRef=t.dom},onremove:function(){e.dropdownRef=null},style:{position:"absolute",width:"98%",marginTop:"0.4rem",zIndex:1e3}},[n.default("ul.dropdown-content.select-dropdown",{style:{maxHeight:m,opacity:1,display:"block",width:"100%"}},[n.default("li",{class:"search-wrapper",style:{padding:"0 16px",position:"relative"}},[n.default("input",{type:"text",placeholder:c,value:e.searchTerm||"",oninput:function(t){e.searchTerm=t.target.value,e.focusedIndex=-1,n.default.redraw()},style:{width:"100%",outline:"none",fontSize:"0.875rem"}})])].concat(0!==v.length||h?[]:[n.default("li",{style:{padding:"0.5rem",textAlign:"center",color:"#9ca3af"}},s)],h?[n.default("li",{onclick:function(){try{return Promise.resolve(o(e.searchTerm)).then(function(e){i(e)})}catch(e){return Promise.reject(e)}},style:{display:"flex",alignItems:"center",cursor:"pointer",background:e.focusedIndex===v.length?"#f3f4f6":""}},[n.default("span",'+ "'+e.searchTerm+'"')])]:[],v.map(function(t,a){return n.default("li",{onclick:function(){return i(t)},class:t.disabled?"disabled":void 0,style:{display:"flex",alignItems:"center",cursor:t.disabled?"not-allowed":"pointer",background:e.focusedIndex===a?"#f3f4f6":""}},n.default("span",[n.default("input",{type:"checkbox",checked:e.selectedOptions.some(function(e){return e.id===t.id}),style:{marginRight:"0.5rem"}}),t.label||t.id.toString()]))})))])])}}},e.SecondaryContent=L,e.Select=function(){var e={},t=function(e){return e.map(function(e){return e.id}).join("")},a=function(e,t,a){return void 0===a&&(a=!1),a||(t instanceof Array&&(e||"number"==typeof e)?t.indexOf(e)>=0:t===e)};return{oninit:function(a){var n=a.attrs,i=n.checkedId,o=n.initialValue;e.ids=t(n.options);var l=i||o;e.checkedId=i instanceof Array?[].concat(i):i,e.initialValue=null!=l?l instanceof Array?l.filter(function(e){return null!=e}):[l]:[]},view:function(i){var o=i.attrs,l=o.id,r=o.newRow,c=o.className,u=void 0===c?"col s12":c,s=o.checkedId,m=o.key,v=o.options,h=o.multiple,g=o.label,b=o.helperText,y=o.placeholder,w=void 0===y?"":y,x=o.isMandatory,k=o.iconName,N=o.disabled,I=o.classes,C=void 0===I?"":I,A=o.dropdownOptions,T=o.onchange;e.checkedId!==s&&(e.initialValue=s?s instanceof Array?s:[s]:void 0);var D=e.initialValue,S=T?h?function(){var t=e.instance&&e.instance.getSelectedValues(),a=t?t.length>0&&d(t[0])?t.map(function(e){return+e}):t.filter(function(e){return null!==e||void 0!==e}):void 0;e.initialValue=a||[],T(e.initialValue)}:function(t){if(t&&t.currentTarget){var a=t.currentTarget,n=d(a.value)?+a.value:a.value;e.initialValue=void 0!==typeof n?[n]:[]}e.initialValue&&T(e.initialValue)}:void 0;r&&(u+=" clear");var O=!v.some(function(e){return a(e.id,D)}),V=v.reduce(function(e,t){return t.group&&e.indexOf(t.group)<0&&e.push(t.group),e},[]);return n.default(".input-field.select-space",{className:u,key:m,oncreate:h?function(t){return e.wrapper=t.dom}:void 0},[k&&n.default("i.material-icons.prefix",k),n.default("select",{id:l,title:g,disabled:N,multiple:h,oncreate:function(t){e.instance=M.FormSelect.init(t.dom,{classes:C,dropdownOptions:A})},onupdate:function(a){var n=a.dom;if(h){var i=k?1:0;!e.inputEl&&e.wrapper&&e.wrapper.childNodes&&e.wrapper.childNodes.length>0&&e.wrapper.childNodes[i].childNodes&&e.wrapper.childNodes[i].childNodes[0]&&(e.inputEl=e.wrapper.childNodes[i].childNodes[0]),e.inputEl&&e.inputEl.value&&e.inputEl.value.startsWith(w+", ")&&(e.inputEl.value=e.inputEl.value.replace(w+", ",""))}var o=t(v),l=s&&e.checkedId!==s.toString();e.ids!==o&&(e.ids=o,l=!0),(e.checkedId instanceof Array&&s instanceof Array?e.checkedId.join()!==s.join():e.checkedId!==s)&&(e.checkedId=s,l=!0),l&&(e.instance=M.FormSelect.init(n,{classes:C,dropdownOptions:A}))},onchange:S},n.default("option",{value:"",disabled:!0,selected:!!O||void 0},w),0===V.length?v.map(function(e,t){var i;return n.default("option",{value:e.id,title:e.title||void 0,disabled:e.disabled?"true":void 0,"data-icon":e.img||void 0,selected:a(e.id,D,0===t&&O&&!w)},null==(i=e.label)?void 0:i.replace("&amp;","&"))}):V.map(function(e){return n.default("optgroup",{label:e},v.filter(function(t){return t.group===e}).map(function(e,t){var i;return n.default("option",{value:e.id,title:e.title||void 0,disabled:e.disabled?"true":void 0,"data-icon":e.img||void 0,selected:a(e.id,D,0===t&&O&&!w)},null==(i=e.label)?void 0:i.replace("&amp;","&"))}))})),n.default(f,{label:g,isMandatory:x}),b&&n.default(p,{helperText:b})])}}},e.SmallButton=x,e.SubmitButton=I,e.Switch=function(){var e={id:r()};return{view:function(t){var a=t.attrs,i=a.id||e.id,l=a.label,r=a.left,d=a.right,c=a.disabled,u=a.newRow,s=a.onchange,p=a.checked,m=a.isMandatory,v=a.className,h=void 0===v?"col s12":v,g=o(a,le),b=["input-field",u?"clear":"",h].filter(Boolean).join(" ").trim();return n.default("div",{className:b},[l?n.default(f,{label:l||"",id:i,isMandatory:m,className:"active"}):void 0,n.default(".switch",g,n.default("label",[r||"Off",n.default("input[type=checkbox]",{id:i,disabled:c,checked:p,onclick:s?function(e){e.target&&void 0!==e.target.checked&&s(e.target.checked)}:void 0}),n.default("span.lever"),d||"On"]))])}}},e.Tabs=function(){var e={},t=function(e,t){return t||e.replace(/ /g,"").toLowerCase()};return{view:function(a){var i=a.attrs,o=i.tabWidth,l=i.selectedTabId,r=i.tabs,d=i.className,c=i.style,u=i.duration,s=i.onShow,f=i.swipeable,p=i.responsiveThreshold,m=r.filter(function(e){return e.active}).shift(),v=l||(m?t(m.title,m.id):""),h=["fill"===o?"tabs-fixed-width":"",d].filter(Boolean).join(" ").trim();return n.default(".row",[n.default(".col.s12",n.default("ul.tabs",{className:h,style:c,oncreate:function(t){e.instance=M.Tabs.init(t.dom,{duration:u,onShow:s,responsiveThreshold:p,swipeable:f})},onupdate:function(){if(v){var e=document.getElementById("tab_"+v);e&&e.click()}},onremove:function(){return e.instance.destroy()}},r.map(function(e){var a=e.className,i=e.title,l=e.id,d=e.active,c=e.disabled,u=e.target,s=e.href,f=["fixed"===o?"col s"+Math.floor(12/r.length):"",a].filter(Boolean).join(" ").trim(),p=t(i,l);return n.default("li.tab",{className:f,disabled:c},n.default("a",{id:"tab_"+p,className:d?"active":"",target:u,href:s||"#"+p},i))}))),r.filter(function(e){return void 0===e.href}).map(function(e){var a=e.vnode,i=e.contentClass;return n.default(".col.s12",{id:t(e.title,e.id),className:i},a)})])}}},e.TextArea=W,e.TextInput=$,e.TimePicker=function(){var e={id:r()};return{view:function(t){var a=t.attrs,l=a.label,r=a.helperText,d=a.initialValue,c=a.newRow,u=a.className,s=void 0===u?"col s12":u,m=a.iconName,v=a.isMandatory,h=a.onchange,g=a.disabled,b=o(a,ie),y=e.id,w=new Date,x=h?function(){return e.tp&&h(e.tp.time||d||w.getHours()+":"+w.getMinutes())}:void 0,k=["input-field","timepicker",c?"clear":"",s].filter(Boolean).join(" ").trim();return n.default("div",{className:k,onremove:function(){return e.tp&&e.tp.destroy()}},[m?n.default("i.material-icons.prefix",m):"",n.default("input",i({},b,{type:"text",tabindex:0,id:y,disabled:g,value:d,oncreate:function(t){e.tp=M.Timepicker.init(t.dom,i({twelveHour:!1,showClearBtn:!0,defaultTime:d},b,{onCloseEnd:x}))}})),n.default(f,{label:l,id:y,isMandatory:v,isActive:d}),n.default(p,{helperText:r})])}}},e.Timeline=function(){var e=function(e){return e.getUTCDate()+"/"+(e.getUTCMonth()+1)+"/"+e.getUTCFullYear()},t=function(e){return c(e.getUTCHours())+":"+c(e.getUTCMinutes())};return{view:function(a){var o=a.attrs,l=o.onSelect,r=o.timeFormatter,d=void 0===r?t:r,c=o.dateFormatter,u=void 0===c?e:c;return n.default("ul.mm_timeline",o.items.map(function(e){return n.default(re,i({onSelect:l,dateFormatter:u,timeFormatter:d},e))}))}}},e.UrlInput=J,e.isNumeric=d,e.padLeft=c,e.uniqueId=r,e.uuid4=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)})}}); //# sourceMappingURL=index.umd.js.map