@lrnwebcomponents/hax-body-behaviors - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

analysis.json

@@ -11,7 +11,7 @@ {
         "start": {
-          "line": 1046,
+          "line": 1113,
           "column": 26
         },
         "end": {
-          "line": 1153,
+          "line": 1220,
           "column": 1
@@ -36,7 +36,7 @@ }
         "start": {
-          "line": 137,
+          "line": 145,
           "column": 7
         },
         "end": {
-          "line": 1041,
+          "line": 1108,
           "column": 1
@@ -60,7 +60,7 @@ }
             "start": {
-              "line": 1069,
+              "line": 1136,
               "column": 4
             },
             "end": {
-              "line": 1086,
+              "line": 1153,
               "column": 5
@@ -90,7 +90,7 @@ }
             "start": {
-              "line": 1092,
+              "line": 1159,
               "column": 4
             },
             "end": {
-              "line": 1094,
+              "line": 1161,
               "column": 5
@@ -120,7 +120,7 @@ }
             "start": {
-              "line": 1098,
+              "line": 1165,
               "column": 4
             },
             "end": {
-              "line": 1100,
+              "line": 1167,
               "column": 5
@@ -142,7 +142,7 @@ }
             "start": {
-              "line": 1104,
+              "line": 1171,
               "column": 4
             },
             "end": {
-              "line": 1106,
+              "line": 1173,
               "column": 5
@@ -164,7 +164,7 @@ }
             "start": {
-              "line": 1110,
+              "line": 1177,
               "column": 4
             },
             "end": {
-              "line": 1112,
+              "line": 1179,
               "column": 5
@@ -182,7 +182,7 @@ }
             "start": {
-              "line": 1118,
+              "line": 1185,
               "column": 4
             },
             "end": {
-              "line": 1120,
+              "line": 1187,
               "column": 5
@@ -211,7 +211,7 @@ }
             "start": {
-              "line": 1124,
+              "line": 1191,
               "column": 4
             },
             "end": {
-              "line": 1126,
+              "line": 1193,
               "column": 5
@@ -233,7 +233,7 @@ }
             "start": {
-              "line": 1131,
+              "line": 1198,
               "column": 4
             },
             "end": {
-              "line": 1133,
+              "line": 1200,
               "column": 5
@@ -258,7 +258,7 @@ }
             "start": {
-              "line": 1137,
+              "line": 1204,
               "column": 4
             },
             "end": {
-              "line": 1139,
+              "line": 1206,
               "column": 5
@@ -280,7 +280,7 @@ }
             "start": {
-              "line": 1143,
+              "line": 1210,
               "column": 4
             },
             "end": {
-              "line": 1145,
+              "line": 1212,
               "column": 5
@@ -298,7 +298,7 @@ }
             "start": {
-              "line": 1149,
+              "line": 1216,
               "column": 4
             },
             "end": {
-              "line": 1151,
+              "line": 1218,
               "column": 5
@@ -316,7 +316,7 @@ }
         "start": {
-          "line": 1047,
+          "line": 1114,
           "column": 9
         },
         "end": {
-          "line": 1152,
+          "line": 1219,
           "column": 3
@@ -323,0 +323,0 @@ }

gulpfile.js

@@ -36,6 +36,8 @@ const gulp = require("gulp");
           }
-          let props = "{}";
-          props = fs.readFileSync(
+          let rawprops = "{}";
+          rawprops = fs.readFileSync(
             path.join("./", packageJson.wcfactory.files.properties)
           );
+          let props = `${rawprops}`;
+          props = props.replace(/\"type\": \"(\w+)\"/g, '"type": $1');
           let cssResult = "<style>";
@@ -42,0 +44,0 @@ if (

hax-body-behaviors.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/lib/legacy/polymer.dom.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/lib/legacy/polymer.dom.js"],t):t((e=e||self).HaxBodyBehaviors={},e.polymer_dom_js)}(this,function(e,t){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function p(e,t,i){return(p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,i){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=n(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(i):o.value}})(e,t,i||e)}var d=function e(){var o=this;r(this,e),this.haxProperties={canScale:!1,canPosition:!1,canEditSource:!1,settings:{quick:[],configure:[],advanced:[]},wipeSlot:{}},this.setup=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o;return"undefined"!==i(o.tagName)&&(t=o.tagName.toLowerCase()),window.addEventListener("hax-store-ready",o._haxStoreReady.bind(o)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?o.setHaxProperties(e,t,r,!0):o.setHaxProperties(e,t,r,!1)},this._haxStoreReady=function(e){if(e.detail&&"undefined"!==i(o.tagName)&&"undefined"!==i(o.haxProperties)){var t=o.tagName,r=o.haxProperties,n=o;if(""!=t&&"undefined"===i(window.HaxStore)){var a=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:r,polymer:!1}});n.dispatchEvent(a)}else if(""!=t&&"undefined"===i(window.HaxStore.instance.elementList[t.toLowerCase()])){var s=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:r}});n.dispatchEvent(s)}else if("undefined"!==i(o.tagName)&&"undefined"===i(window.HaxStore.instance.elementList[o.tagName.toLowerCase()])){var p=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:o.tagName.toLowerCase(),properties:r}});n.dispatchEvent(p)}}},this.setHaxProperties=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document,n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("undefined"===i(e.api)&&(e.api="1"),"1"==e.api){if("undefined"===i(e.canPosition)&&(e.canPosition=!0),"undefined"===i(e.canScale)&&(e.canScale=!0),"undefined"===i(e.canEditSource)&&(e.canEditSource=!1),"undefined"===i(e.gizmo)&&(e.gizmo=!1),"undefined"!==i(e.settings)){"undefined"===i(e.settings.quick)&&(e.settings.quick=[]);for(var a=0;a<e.settings.quick.length;a++)e.settings.quick[a]=o.validateSetting(e.settings.quick[a]),e.settings.quick[a]||e.settings.quick.splice(a,1);"undefined"===i(e.settings.configure)&&(e.settings.configure=[]);for(var s=0;s<e.settings.configure.length;s++)e.settings.configure[s]=o.validateSetting(e.settings.configure[s]),e.settings.configure[s]||e.settings.configure.splice(s,1);"undefined"===i(e.settings.advanced)&&(e.settings.advanced=[]);for(var p=0;p<e.settings.advanced.length;p++)e.settings.advanced[p]=o.validateSetting(e.settings.advanced[p]),e.settings.advanced[p]||e.settings.advanced.splice(p,1);e.settings.advanced.push({attribute:"class",title:"Classes",description:"CSS classes applied manually to the element",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"style",title:"Styles",description:"Custom CSS styles as applied to the element",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"prefix",title:"Schema: prefix",description:"Schema prefixes",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"typeof",title:"Schema: TypeOf",description:"typeof definition for Schema usage",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"property",title:"Schema: Property",description:"typeof definition for Schema usage",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"resource",title:"Schema: Resource ID",description:"Schema resource identifier",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"id",title:"ID",description:"element ID, only set this if you know why",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"slot",title:"slot",description:"DOM slot area",inputMethod:"textfield"})}if("undefined"===i(e.saveOptions)&&(e.saveOptions={wipeSlot:!1}),n)if(""!=t&&"undefined"===i(window.HaxStore)){var d=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:e,polymer:!1}});r.dispatchEvent(d)}else if(""!=t){var u=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:e}});r.dispatchEvent(u)}else if("undefined"!==i(o.tagName)){var l=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:o.tagName.toLowerCase(),properties:e}});r.dispatchEvent(l)}else console.warn("".concat(t," missed our checks and has an issue in implementation with HAX"));""===t&&("function"==typeof o._setHaxProperties?o._setHaxProperties(e):o.haxProperties=e)}else console.warn("This is't a valid usage of hax API. See hax-body-behaviors/lib/HAXWiring.js for more details on how to implement the API. Most likely your hax item just was placed in an iframe as a fallback as opposed to a custom element.")},this.validateSetting=function(e){return("undefined"!==i(e.property)||"undefined"!==i(e.slot)||"undefined"!==i(e.attribute))&&("undefined"===i(e.title)&&("undefined"===i(e.attribute)?e.title=e.property:e.title=e.attribute),"undefined"===i(e.description)&&(e.description=""),"undefined"===i(e.inputMethod)&&(e.inputMethod="textfield"),"undefined"===i(e.type)&&(e.type="settings"),"undefined"===i(e.icon)&&(e.icon="android"),"undefined"===i(e.options)&&(e.options={}),"undefined"===i(e.required)&&(e.required=!1),"undefined"===i(e.validation)&&(e.validation=".*"),"undefined"===i(e.validationType)&&(e.validationType=""),"undefined"!==i(e.slot)&&("undefined"===i(e.slotWrapper)&&(e.slotWrapper="span"),"undefined"===i(e.slotAttributes)&&(e.slotAttributes={})),e)},this.getHaxProperties=function(){return o.haxProperties},this.getHaxJSONSchema=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o;"undefined"===i(e)&&(e="configure"),"undefined"===i(t)&&(t=r.haxProperties);var n=t.settings[e],a={$schema:"http://json-schema.org/schema#",title:"HAX "+e+" form schema",type:"object",properties:{}};return a.properties=r._getHaxJSONSchemaProperty(n,r),a=r.postProcessgetHaxJSONSchema(a)},this.postProcessgetHaxJSONSchema=function(e){return e},this._getHaxJSONSchemaProperty=function(e,r){var o={};for(var n in e)if(e.hasOwnProperty(n))if("undefined"!==i(e[n].property))switch(o[e[n].property]={title:e[n].title,type:r.getHaxJSONSchemaType(e[n].inputMethod)},"undefined"!==i(r[e[n].property])&&(o[e[n].property].value=r[e[n].property]),"url"==e[n].validationType&&(o[e[n].property].format="uri"),"datepicker"==e[n].inputMethod&&(o[e[n].property].format="date-time"),".*"!=e[n].validation&&(o[e[n].property].pattern=e[n].validation),e[n].inputMethod){case"number":o[e[n].property].component={name:"paper-input",valueProperty:"value",properties:{required:e[n].required},attributes:{type:"number"}};break;case"select":var a=[];for(var s in e[n].options){var p=[{alt:e[n].options[s],value:s}];a.push(p)}o[e[n].property].component={name:"simple-picker",valueProperty:"value",properties:{required:e[n].required,options:a}};break;case"textarea":o[e[n].property].component={name:"paper-textarea",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate","char-counter":"char-counter"}};break;case"code-editor":o[e[n].property].component={name:"code-editor",valueProperty:"value",properties:{title:e[n].title,theme:"hc-black",mode:"html",className:"hax-code-editor"}};break;case"array":o[e[n].property].items={type:"object",properties:r._getHaxJSONSchemaProperty(e[n].properties,r)};break;case"textfield":o[e[n].property].component={name:"paper-input",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate"}};break;case"alt":o[e[n].property].component={name:"paper-input-flagged",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate"}};break;case"colorpicker":o[e[n].property].component={name:"simple-colors-picker",valueProperty:"value",properties:{required:e[n].required,label:e[n].title}};break;case"iconpicker":o[e[n].property].component={name:"simple-icon-picker",valueProperty:"value",properties:{required:e[n].required,hideOptionLabels:!0,label:e[n].title}};var d=void 0!==e[n].options&&null!==e[n].options?e[n].options:[];o[e[n].property].component.properties.icons=d;break;case"datepicker":o[e[n].property].component={name:"app-datepicker",valueProperty:"date",properties:{required:e[n].required,autoUpdateDate:!0}};break;case"haxupload":o[e[n].property].component={name:"hax-upload-field",valueProperty:"value",properties:{formDataName:"file-upload"}}}else if("undefined"!==i(e[n].attribute))switch(o[e[n].attribute]={title:e[n].title,type:r.getHaxJSONSchemaType(e[n].inputMethod)},"class"===e[n].attribute?o[e[n].attribute].value=r.className:"style"===e[n].attribute?o[e[n].attribute].value=r.style.cssText:"undefined"!==i(r.attributes[e[n].attribute])&&(o[e[n].attribute].value=r.getAttribute(e[n].attribute)),"href"!=n&&"src"!=n||(o[e[n].attribute].format="uri"),"url"==e[n].validationType&&(o[e[n].attribute].format="uri"),"datepicker"==e[n].inputMethod&&(o[e[n].attribute].format="date-time"),".*"!=e[n].validation&&(o[e[n].attribute].pattern=e[n].validation),e[n].inputMethod){case"number":o[e[n].attribute].component={name:"paper-input",valueProperty:"value",properties:{required:e[n].required},attributes:{type:"number"}};break;case"select":var u=[];for(var s in e[n].options){var l=[{alt:e[n].options[s],value:s}];u.push(l)}o[e[n].attribute].component={name:"simple-picker",valueProperty:"value",properties:{required:e[n].required,options:u}};break;case"textarea":o[e[n].attribute].component={name:"paper-textarea",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate","char-counter":"char-counter"}};break;case"code-editor":o[e[n].attribute].component={name:"code-editor",valueProperty:"value",properties:{title:e[n].title,readOnly:!1,theme:"hc-black",mode:"html",className:"hax-code-editor"}};break;case"textfield":o[e[n].attribute].component={name:"paper-input",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate"}};break;case"alt":o[e[n].attribute].component={name:"paper-input-flagged",valueProperty:"value",properties:{required:e[n].required},attributes:{"auto-validate":"auto-validate"}};break;case"colorpicker":o[e[n].attribute].component={name:"simple-colors-picker",valueProperty:"value",properties:{required:e[n].required}};break;case"haxupload":o[e[n].attribute].component={name:"hax-upload-field",valueProperty:"value",properties:{formDataName:"file-upload"}}}else{o[e[n].slot]={title:e[n].title,type:r.getHaxJSONSchemaType(e[n].inputMethod),value:"",component:{name:"code-editor",valueProperty:"value",properties:{title:e[n].title,theme:"hc-black",mode:"html",className:"hax-code-editor"}}};var c="";for(var h in t.dom(r).childNodes)"undefined"!==i(t.dom(r).childNodes[h])&&(1===t.dom(r).childNodes[h].nodeType?e[n].slot===t.dom(r).childNodes[h].slot&&(c+=t.dom(r).childNodes[h].innerHTML):1!==t.dom(r).childNodes[h].nodeType&&"undefined"!==i(t.dom(r).childNodes[h].textContent)&&""!==t.dom(r).childNodes[h].textContent&&(c+=t.dom(r).childNodes[h].textContent));o[e[n].slot].component.slot="<template>"+c.trim()+"</template>"}return o},this.getHaxJSONSchemaType=function(e){if(o.validHAXPropertyInputMethod().includes(e))switch(e){case"flipboolean":case"boolean":return"boolean";case"number":return"number";case"select":case"textarea":case"colorpicker":case"iconpicker":case"datepicker":case"haxupload":case"textfield":case"alt":return"string";case"array":return"array";default:return"string"}},this.validHAXPropertyInputMethod=function(){return["flipboolean","boolean","select","textfield","textarea","datepicker","haxupload","colorpicker","iconpicker","alt","number","code-editor","array"]},this.prototypeHaxProperties=function(){return{api:"1",canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Tag name",description:"A description",icon:"av:play-circle-filled",color:"blue",groups:["Content"],handles:[{type:"data",url:"src"}],meta:{author:""}},settings:{quick:[{property:"title",title:"Title",inputMethod:"textfield",icon:"android"},{property:"primaryColor",title:"Primary color",inputMethod:"colorpicker",icon:"color"}],configure:[{slot:"",title:"Inner content",description:"The slotted content that lives inside the tag",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{slot:"button",title:"Button content",description:"The content that can override the button",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{property:"title",title:"Title",description:"",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{property:"primaryColor",title:"Title",description:"",inputMethod:"textfield",icon:"android",required:!1,validation:".*",validationType:"text"}],advanced:[{property:"secondaryColor",title:"Secondary color",description:"An optional secondary color used in certain edge cases.",inputMethod:"colorpicker",icon:"color"},{property:"endPoint",title:"API endpoint",description:"An optional endpoint to hit and load in more data dymaically.",inputMethod:"textfield",icon:"android",validation:"[a-z0-9]",validationType:"url"}]},saveOptions:{wipeSlot:!1,unsetAttributes:["end-point","secondary-color"]}}}};window.HAXWiring=new d,window.HAXBehaviors=window.HAXBehaviors||{},window.HAXBehaviors.PropertiesBehaviors={properties:{haxProperties:window.HAXWiring.haxProperties},setHaxProperties:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return""==t&&"undefined"!==i(this.tagName)&&(t=this.tagName.toLowerCase()),window.addEventListener("hax-store-ready",this._haxStoreReady.bind(this)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?window.HAXWiring.setHaxProperties(e,t,r,!0):window.HAXWiring.setHaxProperties(e,t,r,!1)},_haxStoreReady:function(e){return window.HAXWiring._haxStoreReady(e)},validateSetting:function(e){return window.HAXWiring.validateSetting(e)},getHaxProperties:function(){return this.haxProperties},getHaxJSONSchema:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return window.HAXWiring.getHaxJSONSchema(e,t,i)},postProcessgetHaxJSONSchema:function(e){return window.HAXWiring.postProcessgetHaxJSONSchema(e)},_getHaxJSONSchemaProperty:function(e,t){return window.HAXWiring._getHaxJSONSchemaProperty(e,t)},getHaxJSONSchemaType:function(e){return window.HAXWiring.getHaxJSONSchemaType(e)},validHAXPropertyInputMethod:function(){return window.HAXWiring.validHAXPropertyInputMethod()},prototypeHaxProperties:function(){return window.HAXWiring.prototypeHaxProperties()}},e.HAXWiring=d,e.HAXElement=function(e){return function(t){function u(){var e;return r(this,u),(e=s(this,n(u).call(this))).HAXWiring=new d,e}var l,c,h;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}(u,e),l=u,h=[{key:"properties",get:function(){var e={haxProperties:window.HAXWiring.haxProperties};return p(n(u),"properties",this)&&(e=Object.assign(e,p(n(u),"properties",this))),e}}],(c=[{key:"setHaxProperties",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return""==t&&"undefined"!==i(this.tagName)&&(t=this.tagName.toLowerCase()),window.addEventListener("hax-store-ready",this._haxStoreReady.bind(this)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?this.HAXWiring.setHaxProperties(e,t,r,!0):this.HAXWiring.setHaxProperties(e,t,r,!1)}},{key:"setup",value:function(e){return arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2],this.HAXWiring.setup(e,"",this)}},{key:"_haxStoreReady",value:function(e){return this.HAXWiring._haxStoreReady(e)}},{key:"validateSetting",value:function(e){return this.HAXWiring.validateSetting(e)}},{key:"getHaxProperties",value:function(){return this.haxProperties}},{key:"getHaxJSONSchema",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return this.HAXWiring.getHaxJSONSchema(e,t,i)}},{key:"postProcessgetHaxJSONSchema",value:function(e){return this.HAXWiring.postProcessgetHaxJSONSchema(e)}},{key:"_getHaxJSONSchemaProperty",value:function(e,t){return this.HAXWiring._getHaxJSONSchemaProperty(e,t)}},{key:"getHaxJSONSchemaType",value:function(e){return this.HAXWiring.getHaxJSONSchemaType(e)}},{key:"validHAXPropertyInputMethod",value:function(){return this.HAXWiring.validHAXPropertyInputMethod()}},{key:"prototypeHaxProperties",value:function(){return this.HAXWiring.prototypeHaxProperties()}}])&&o(l.prototype,c),h&&o(l,h),u}()},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@polymer/polymer/lib/legacy/polymer.dom.js"),require("@lrnwebcomponents/hax-body/lib/hax-upload-field.js"),require("@lrnwebcomponents/simple-picker/simple-picker.js"),require("@lrnwebcomponents/code-editor/code-editor.js")):"function"==typeof define&&define.amd?define(["exports","@polymer/polymer/lib/legacy/polymer.dom.js","@lrnwebcomponents/hax-body/lib/hax-upload-field.js","@lrnwebcomponents/simple-picker/simple-picker.js","@lrnwebcomponents/code-editor/code-editor.js"],t):t((e=e||self).HaxBodyBehaviors={},e.polymer_dom_js)}(this,function(e,t){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function s(e,t,i){return(s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,i){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=a(e)););return e}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(i):o.value}})(e,t,i||e)}var p=function e(){var o=this;r(this,e),this.haxProperties={canScale:!1,canPosition:!1,canEditSource:!1,settings:{quick:[],configure:[],advanced:[]},wipeSlot:{}},this.setup=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o;return"undefined"!==i(o.tagName)&&(t=o.tagName.toLowerCase()),window.addEventListener("hax-store-ready",o._haxStoreReady.bind(o)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?o.setHaxProperties(e,t,r,!0):o.setHaxProperties(e,t,r,!1)},this._haxStoreReady=function(e){if(e.detail&&"undefined"!==i(o.tagName)&&"undefined"!==i(o.haxProperties)){var t=o.tagName,r=o.haxProperties,a=o;if(""!=t&&"undefined"===i(window.HaxStore)){var n=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:r,polymer:!1}});a.dispatchEvent(n)}else if(""!=t&&"undefined"===i(window.HaxStore.instance.elementList[t.toLowerCase()])){var d=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:r}});a.dispatchEvent(d)}else if("undefined"!==i(o.tagName)&&"undefined"===i(window.HaxStore.instance.elementList[o.tagName.toLowerCase()])){var s=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:o.tagName.toLowerCase(),properties:r}});a.dispatchEvent(s)}}},this.setHaxProperties=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document,a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if("undefined"===i(e.api)&&(e.api="1"),"1"==e.api){if("undefined"===i(e.canPosition)&&(e.canPosition=!0),"undefined"===i(e.canScale)&&(e.canScale=!0),"undefined"===i(e.canEditSource)&&(e.canEditSource=!1),"undefined"===i(e.gizmo)&&(e.gizmo=!1),"undefined"!==i(e.settings)){"undefined"===i(e.settings.quick)&&(e.settings.quick=[]);for(var n=0;n<e.settings.quick.length;n++)e.settings.quick[n]=o.validateSetting(e.settings.quick[n]),e.settings.quick[n]||e.settings.quick.splice(n,1);"undefined"===i(e.settings.configure)&&(e.settings.configure=[]);for(var d=0;d<e.settings.configure.length;d++)e.settings.configure[d]=o.validateSetting(e.settings.configure[d]),e.settings.configure[d]||e.settings.configure.splice(d,1);"undefined"===i(e.settings.advanced)&&(e.settings.advanced=[]);for(var s=0;s<e.settings.advanced.length;s++)e.settings.advanced[s]=o.validateSetting(e.settings.advanced[s]),e.settings.advanced[s]||e.settings.advanced.splice(s,1);e.settings.advanced.push({attribute:"class",title:"Classes",description:"CSS classes applied manually to the element",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"style",title:"Styles",description:"Custom CSS styles as applied to the element",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"prefix",title:"Schema: prefix",description:"Schema prefixes",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"typeof",title:"Schema: TypeOf",description:"typeof definition for Schema usage",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"property",title:"Schema: Property",description:"typeof definition for Schema usage",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"resource",title:"Schema: Resource ID",description:"Schema resource identifier",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"id",title:"ID",description:"element ID, only set this if you know why",inputMethod:"textfield"}),e.settings.advanced.push({attribute:"data-hax-slot",title:"slot",description:"DOM slot area",inputMethod:"textfield"})}if("undefined"===i(e.saveOptions)&&(e.saveOptions={wipeSlot:!1}),a)if(""!=t&&"undefined"===i(window.HaxStore)){var p=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:e,polymer:!1}});r.dispatchEvent(p)}else if(""!=t){var l=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:t.toLowerCase(),properties:e}});r.dispatchEvent(l)}else if("undefined"!==i(o.tagName)){var u=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:o.tagName.toLowerCase(),properties:e}});r.dispatchEvent(u)}else console.warn("".concat(t," missed our checks and has an issue in implementation with HAX"));""===t&&("function"==typeof o._setHaxProperties?o._setHaxProperties(e):o.haxProperties=e)}else console.warn("This is't a valid usage of hax API. See hax-body-behaviors/lib/HAXWiring.js for more details on how to implement the API. Most likely your hax item just was placed in an iframe as a fallback as opposed to a custom element.")},this.validateSetting=function(e){return("undefined"!==i(e.property)||"undefined"!==i(e.slot)||"undefined"!==i(e.attribute))&&("undefined"===i(e.title)&&("undefined"===i(e.attribute)?e.title=e.property:e.title=e.attribute),"undefined"===i(e.description)&&(e.description=""),"undefined"===i(e.inputMethod)&&(e.inputMethod="textfield"),"undefined"===i(e.type)&&(e.type="settings"),"undefined"===i(e.icon)&&(e.icon="android"),"undefined"===i(e.options)&&(e.options={}),"undefined"===i(e.required)&&(e.required=!1),"undefined"===i(e.disabled)&&(e.disabled=!1),"undefined"===i(e.validation)&&(e.validation=".*"),"undefined"===i(e.validationType)&&(e.validationType=""),"undefined"!==i(e.slot)&&("undefined"===i(e.slotWrapper)&&(e.slotWrapper="span"),"undefined"===i(e.slotAttributes)&&(e.slotAttributes={})),e)},this.getHaxProperties=function(){return o.haxProperties},this.getHaxJSONSchema=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o;"undefined"===i(e)&&(e="configure"),"undefined"===i(t)&&(t=r.haxProperties);var a=t.settings[e],n={$schema:"http://json-schema.org/schema#",title:"HAX "+e+" form schema",type:"object",properties:{}};return n.properties=r._getHaxJSONSchemaProperty(a,r),n=r.postProcessgetHaxJSONSchema(n)},this.postProcessgetHaxJSONSchema=function(e){return e},this._getHaxJSONSchemaProperty=function(e,r){var o={};for(var a in e)if(e.hasOwnProperty(a))if("undefined"!==i(e[a].property)){switch(o[e[a].property]={title:e[a].title,type:r.getHaxJSONSchemaType(e[a].inputMethod)},"undefined"!==i(r[e[a].property])&&(o[e[a].property].value=r[e[a].property]),"url"==e[a].validationType&&(o[e[a].property].format="uri"),"datepicker"==e[a].inputMethod&&(o[e[a].property].format="date-time"),".*"!=e[a].validation&&(o[e[a].property].pattern=e[a].validation),e[a].inputMethod){case"number":o[e[a].property].component={name:"paper-input",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{type:"number"}};break;case"select":var n=[];for(var d in e[a].options){var s=[{alt:e[a].options[d],value:d}];n.push(s)}o[e[a].property].component={name:"simple-picker",valueProperty:"value",properties:{allowNull:e[a].allowNull,blockLabel:!0,required:e[a].required,options:n,disabled:e[a].disabled}};break;case"textarea":o[e[a].property].component={name:"paper-textarea",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"char-counter":"char-counter"}};break;case"code-editor":o[e[a].property].component={name:"code-editor",valueProperty:"value",properties:{editorValue:e[a].value,title:e[a].title,theme:"vs",mode:"html",className:"hax-code-editor"}};break;case"array":o[e[a].property].items={type:"object",properties:r._getHaxJSONSchemaProperty(e[a].properties,r),label:e[a].itemLabel};break;case"tabs":o[e[a].property].items={type:"object",properties:r._getHaxJSONSchemaProperty(e[a].properties,r)};break;case"textfield":o[e[a].property].component={name:"paper-input",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"auto-validate":"auto-validate"}};break;case"alt":o[e[a].property].component={name:"paper-input-flagged",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"auto-validate":"auto-validate"}};break;case"colorpicker":o[e[a].property].component={name:"simple-colors-picker",valueProperty:"value",properties:{allowNull:e[a].allowNull,blockLabel:!0,required:e[a].required,label:e[a].title,disabled:e[a].disabled}};break;case"iconpicker":o[e[a].property].component={name:"simple-icon-picker",valueProperty:"value",properties:{allowNull:e[a].allowNull,blockLabel:!0,required:e[a].required,hideOptionLabels:!0,label:e[a].title,disabled:e[a].disabled}};var p=void 0!==e[a].options&&null!==e[a].options?e[a].options:[];o[e[a].property].component.properties.icons=p;break;case"datepicker":o[e[a].property].component={name:"paper-input",valueProperty:"date",properties:{type:"date",required:e[a].required,disabled:e[a].disabled}};break;case"haxupload":o[e[a].property].component={name:"hax-upload-field",valueProperty:"value",properties:{formDataName:"file-upload",disabled:e[a].disabled,required:e[a].required}}}"undefined"!==e[a].hidden&&(o[e[a].property].hidden=e[a].hidden),"undefined"!==e[a].description&&(o[e[a].property].description=e[a].description)}else if("undefined"!==i(e[a].attribute)){switch(o[e[a].attribute]={title:e[a].title,type:r.getHaxJSONSchemaType(e[a].inputMethod)},"class"===e[a].attribute?o[e[a].attribute].value=r.className:"style"===e[a].attribute?o[e[a].attribute].value=r.style.cssText:"undefined"!==i(r.attributes[e[a].attribute])&&(o[e[a].attribute].value=r.getAttribute(e[a].attribute)),"href"!=a&&"src"!=a||(o[e[a].attribute].format="uri"),"url"==e[a].validationType&&(o[e[a].attribute].format="uri"),"datepicker"==e[a].inputMethod&&(o[e[a].attribute].format="date-time"),".*"!=e[a].validation&&(o[e[a].attribute].pattern=e[a].validation),e[a].inputMethod){case"number":o[e[a].attribute].component={name:"paper-input",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{type:"number"}};break;case"select":var l=[];for(var d in e[a].options){var u=[{alt:e[a].options[d],value:d}];l.push(u)}o[e[a].attribute].component={name:"simple-picker",valueProperty:"value",properties:{allowNull:e[a].allowNull,blockLabel:!0,required:e[a].required,options:l,disabled:e[a].disabled}};break;case"textarea":o[e[a].attribute].component={name:"paper-textarea",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"char-counter":"char-counter"}};break;case"code-editor":o[e[a].attribute].component={name:"code-editor",valueProperty:"value",properties:{editorValue:o[e[a].attribute].value,title:e[a].title,readOnly:!1,theme:"vs",mode:"html",className:"hax-code-editor"}};break;case"textfield":o[e[a].attribute].component={name:"paper-input",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"auto-validate":"auto-validate"}};break;case"alt":o[e[a].attribute].component={name:"paper-input-flagged",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled},attributes:{"auto-validate":"auto-validate"}};break;case"colorpicker":o[e[a].attribute].component={name:"simple-colors-picker",valueProperty:"value",properties:{required:e[a].required,disabled:e[a].disabled}};break;case"haxupload":o[e[a].attribute].component={name:"hax-upload-field",valueProperty:"value",properties:{formDataName:"file-upload",required:e[a].required,disabled:e[a].disabled}}}"undefined"!==e[a].description&&(o[e[a].attribute].description=e[a].description)}else{o[e[a].slot]={title:e[a].title,type:r.getHaxJSONSchemaType(e[a].inputMethod),value:"",component:{name:"code-editor",valueProperty:"value",properties:{editorValue:e[a].value,title:e[a].title,theme:"vs",mode:"html",className:"hax-code-editor"}}};var c="";for(var h in t.dom(r).childNodes)"undefined"!==i(t.dom(r).childNodes[h])&&(1===t.dom(r).childNodes[h].nodeType?e[a].slot===t.dom(r).childNodes[h].slot&&(c+=t.dom(r).childNodes[h].innerHTML):1!==t.dom(r).childNodes[h].nodeType&&"undefined"!==i(t.dom(r).childNodes[h].textContent)&&""!==t.dom(r).childNodes[h].textContent&&(c+=t.dom(r).childNodes[h].textContent));o[e[a].slot].component.properties.editorValue=c.trim(),"undefined"!==e[a].description&&(o[e[a].slot].description=e[a].description)}return o},this.getHaxJSONSchemaType=function(e){if(o.validHAXPropertyInputMethod().includes(e))switch(e){case"flipboolean":case"boolean":return"boolean";case"number":return"number";case"select":case"textarea":case"colorpicker":case"iconpicker":case"datepicker":case"haxupload":case"textfield":case"alt":return"string";case"array":return"array";default:return"string"}},this.validHAXPropertyInputMethod=function(){return["flipboolean","boolean","select","textfield","textarea","datepicker","haxupload","colorpicker","iconpicker","alt","number","code-editor","array"]},this.prototypeHaxProperties=function(){return{api:"1",canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Tag name",description:"A description",icon:"av:play-circle-filled",color:"blue",groups:["Content"],handles:[{type:"data",url:"src"}],meta:{author:""}},settings:{quick:[{property:"title",title:"Title",inputMethod:"textfield",icon:"android"},{property:"primaryColor",title:"Primary color",inputMethod:"colorpicker",icon:"color"}],configure:[{slot:"",title:"Inner content",description:"The slotted content that lives inside the tag",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{slot:"button",title:"Button content",description:"The content that can override the button",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{property:"title",title:"Title",description:"",inputMethod:"textfield",icon:"android",required:!0,validationType:"text"},{property:"primaryColor",title:"Title",description:"",inputMethod:"textfield",icon:"android",required:!1,validation:".*",validationType:"text"}],advanced:[{property:"secondaryColor",title:"Secondary color",description:"An optional secondary color used in certain edge cases.",inputMethod:"colorpicker",icon:"color"},{property:"endPoint",title:"API endpoint",description:"An optional endpoint to hit and load in more data dymaically.",inputMethod:"textfield",icon:"android",validation:"[a-z0-9]",validationType:"url"}]},saveOptions:{wipeSlot:!1,unsetAttributes:["end-point","secondary-color"]}}}};window.HAXWiring=new p,window.HAXBehaviors=window.HAXBehaviors||{},window.HAXBehaviors.PropertiesBehaviors={properties:{haxProperties:window.HAXWiring.haxProperties},setHaxProperties:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return""==t&&"undefined"!==i(this.tagName)&&(t=this.tagName.toLowerCase()),window.addEventListener("hax-store-ready",this._haxStoreReady.bind(this)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?window.HAXWiring.setHaxProperties(e,t,r,!0):window.HAXWiring.setHaxProperties(e,t,r,!1)},_haxStoreReady:function(e){return window.HAXWiring._haxStoreReady(e)},validateSetting:function(e){return window.HAXWiring.validateSetting(e)},getHaxProperties:function(){return this.haxProperties},getHaxJSONSchema:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return window.HAXWiring.getHaxJSONSchema(e,t,i)},postProcessgetHaxJSONSchema:function(e){return window.HAXWiring.postProcessgetHaxJSONSchema(e)},_getHaxJSONSchemaProperty:function(e,t){return window.HAXWiring._getHaxJSONSchemaProperty(e,t)},getHaxJSONSchemaType:function(e){return window.HAXWiring.getHaxJSONSchemaType(e)},validHAXPropertyInputMethod:function(){return window.HAXWiring.validHAXPropertyInputMethod()},prototypeHaxProperties:function(){return window.HAXWiring.prototypeHaxProperties()}},e.HAXWiring=p,e.HAXElement=function(e){return function(t){function l(){var e;return r(this,l),(e=d(this,a(l).call(this))).HAXWiring=new p,e}var u,c,h;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}(l,e),u=l,h=[{key:"properties",get:function(){var e={haxProperties:window.HAXWiring.haxProperties};return s(a(l),"properties",this)&&(e=Object.assign(e,s(a(l),"properties",this))),e}}],(c=[{key:"setHaxProperties",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return""==t&&"undefined"!==i(this.tagName)&&(t=this.tagName.toLowerCase()),window.addEventListener("hax-store-ready",this._haxStoreReady.bind(this)),"undefined"!==i(window.HaxStore)&&null!=window.HaxStore.instance&&window.HaxStore.ready?this.HAXWiring.setHaxProperties(e,t,r,!0):this.HAXWiring.setHaxProperties(e,t,r,!1)}},{key:"setup",value:function(e){return arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2],this.HAXWiring.setup(e,"",this)}},{key:"_haxStoreReady",value:function(e){return this.HAXWiring._haxStoreReady(e)}},{key:"validateSetting",value:function(e){return this.HAXWiring.validateSetting(e)}},{key:"getHaxProperties",value:function(){return this.haxProperties}},{key:"getHaxJSONSchema",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;return this.HAXWiring.getHaxJSONSchema(e,t,i)}},{key:"postProcessgetHaxJSONSchema",value:function(e){return this.HAXWiring.postProcessgetHaxJSONSchema(e)}},{key:"_getHaxJSONSchemaProperty",value:function(e,t){return this.HAXWiring._getHaxJSONSchemaProperty(e,t)}},{key:"getHaxJSONSchemaType",value:function(e){return this.HAXWiring.getHaxJSONSchemaType(e)}},{key:"validHAXPropertyInputMethod",value:function(){return this.HAXWiring.validHAXPropertyInputMethod()}},{key:"prototypeHaxProperties",value:function(){return this.HAXWiring.prototypeHaxProperties()}}])&&o(u.prototype,c),h&&o(u,h),l}()},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=hax-body-behaviors.umd.js.map

lib/HAXWiring.js

@@ -6,2 +6,5 @@ /**
 import { dom } from "@polymer/polymer/lib/legacy/polymer.dom.js";
+import "@lrnwebcomponents/hax-body/lib/hax-upload-field.js";
+import "@lrnwebcomponents/simple-picker/simple-picker.js";
+import "@lrnwebcomponents/code-editor/code-editor.js";
 /**
@@ -247,3 +250,3 @@ * In order to use this, the user must supply a haxProperties object
     this.setHaxProperties = (
-      props,
+      props = {},
       tag = "",
@@ -599,2 +602,4 @@ context = document,
                   properties: {
+                    allowNull: settings[value].allowNull,
+                    blockLabel: true,
                     required: settings[value].required,
@@ -615,3 +620,3 @@ options: options,
                   attributes: {
-                    "auto-validate": "auto-validate",
+                    //"auto-validate": "auto-validate",
                     "char-counter": "char-counter"
@@ -628,3 +633,3 @@ }
                     title: settings[value].title,
-                    theme: "hc-black",
+                    theme: "vs",
                     mode: "html",
@@ -641,2 +646,12 @@ className: "hax-code-editor"
                     target
+                  ),
+                  label: settings[value].itemLabel
+                };
+                break;
+              case "tabs":
+                props[settings[value].property].items = {
+                  type: "object",
+                  properties: target._getHaxJSONSchemaProperty(
+                    settings[value].properties,
+                    target
                   )
@@ -676,2 +691,4 @@ };
                   properties: {
+                    allowNull: settings[value].allowNull,
+                    blockLabel: true,
                     required: settings[value].required,
@@ -688,2 +705,4 @@ label: settings[value].title,
                   properties: {
+                    allowNull: settings[value].allowNull,
+                    blockLabel: true,
                     required: settings[value].required,
@@ -707,7 +726,7 @@ hideOptionLabels: true,
                 props[settings[value].property].component = {
-                  name: "app-datepicker",
+                  name: "paper-input",
                   valueProperty: "date",
                   properties: {
+                    type: "date",
                     required: settings[value].required,
-                    autoUpdateDate: true,
                     disabled: settings[value].disabled
@@ -729,2 +748,9 @@ }
             }
+            if (settings[value].hidden !== typeof undefined) {
+              props[settings[value].property].hidden = settings[value].hidden;
+            }
+            if (settings[value].description !== typeof undefined) {
+              props[settings[value].property].description =
+                settings[value].description;
+            }
           } else if (typeof settings[value].attribute !== typeof undefined) {
@@ -791,5 +817,7 @@ props[settings[value].attribute] = {
                   properties: {
+                    allowNull: settings[value].allowNull,
+                    blockLabel: true,
                     required: settings[value].required,
-                    disabled: settings[value].disabled,
-                    options: options
+                    options: options,
+                    disabled: settings[value].disabled
                   }
@@ -807,3 +835,3 @@ };
                   attributes: {
-                    "auto-validate": "auto-validate",
+                    //"auto-validate": "auto-validate",
                     "char-counter": "char-counter"
@@ -821,3 +849,3 @@ }
                     readOnly: false,
-                    theme: "hc-black",
+                    theme: "vs",
                     mode: "html",
@@ -876,2 +904,6 @@ className: "hax-code-editor"
             }
+            if (settings[value].description !== typeof undefined) {
+              props[settings[value].attribute].description =
+                settings[value].description;
+            }
           } else {
@@ -889,3 +921,3 @@ // @todo slot should support other editor types... maybe
                   title: settings[value].title,
-                  theme: "hc-black",
+                  theme: "vs",
                   mode: "html",
@@ -920,2 +952,6 @@ className: "hax-code-editor"
             ].component.properties.editorValue = slot.trim();
+            if (settings[value].description !== typeof undefined) {
+              props[settings[value].slot].description =
+                settings[value].description;
+            }
           }
@@ -922,0 +958,0 @@ }

package.json

@@ -14,3 +14,3 @@ {
   },
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Wire any element up to HAX",
@@ -42,4 +42,4 @@ "repository": {
   "devDependencies": {
-    "@lrnwebcomponents/deduping-fix": "^2.0.9",
-    "@lrnwebcomponents/storybook-utilities": "^2.1.0",
+    "@lrnwebcomponents/deduping-fix": "^2.1.1",
+    "@lrnwebcomponents/storybook-utilities": "^2.1.1",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
@@ -51,3 +51,3 @@ "@polymer/iron-demo-helpers": "^3.1.0",
     "gulp-sourcemaps": "2.6.4",
-    "lodash": "4.17.11",
+    "lodash": "4.17.13",
     "polymer-cli": "1.9.9",
@@ -60,3 +60,3 @@ "wct-browser-legacy": "1.0.2"
   },
-  "gitHead": "38a0c3ad00e8447837037bde2dc1172273a3a311"
+  "gitHead": "377805ee041d6205232182b01f8e05a177ef3bf7"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

200613

increased by4.11%

Lines of code

1951

increased by2.31%

No dependency changes