solid-ui 2.4.23 → 2.4.24-0c90afe2

package/lib/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectSTyle","textInputStyle","textInputStyleUneditable","textInputSize","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","tabBorderRadius","messageBodyStyle","pendingeditModifier","highlightColor","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingColor","formHeadingStyle","formTextInput","formGroupStyle","formFieldLabelStyle","formFieldNameBoxStyle","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","setStyle","ele","styleName","module","exports"],"sources":["../src/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n\n// These must all end with semicolon so they can be appended to.\n\nconst formBorderColor = '#888888' // Mid-grey\nconst lowProfileLinkColor = '#3B5998' // Grey-blue, e.g., for field labels linking to ontology\nconst formFieldNameBoxWidth = '8em' // The fixed amount to get form fields to line up\n// The latter we put in when switching awy from using tables.  Getting allignment between\n// fields in different groups though is hard problem.\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'colour: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectSTyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputSize: 20, // Default text input size in characters roughly\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white;  border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  tabBorderRadius: '0.2em',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n  highlightColor: '#7C4DFF', // Solid lavendar https://design.inrupt.com/atomic-core/?cat=Core\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formBorderColor, // originally was brown; now grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `'color: ${lowProfileLinkColor}; text-decoration: none;'`,\n  formFieldNameBoxWidth,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${formFieldNameBoxWidth};`,\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;'\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style // @@ No way to do this in ESM\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,eAAe,GAAG,SAAxB,C,CAAkC;;AAClC,IAAMC,mBAAmB,GAAG,SAA5B,C,CAAsC;;AACtC,IAAMC,qBAAqB,GAAG,KAA9B,C,CAAoC;AACpC;AACA;;AAEO,IAAMC,KAAK,GAAG;EAAE;EAErBC,aAAa,EAAE,8EAFI;EAGnBC,kBAAkB,EAAE,0GAHD;EAKnBC,eAAe,EAAE,wCALE;EAMnBC,eAAe,EACb,yHAPiB;EAQnBC,cAAc,EACZ,yHATiB;EAUnBC,wBAAwB,EAAE;EACxB,2HAXiB;EAYnBC,aAAa,EAAE,EAZI;EAYA;EACnBC,WAAW,EACP,2HAde;EAc8G;EACjIC,YAAY,EAAE,wEAfK;EAgBnBC,SAAS,EAAE,6DAhBQ;EAiBnBC,gBAAgB,EAAE,wCAjBC;EAkBnBC,cAAc,EAAE,kIAlBG;EAkBiI;EACpJC,iBAAiB,EAAE,0HAnBA;EAoBnBC,eAAe,EAAE,OApBE;EAqBnBC,gBAAgB,EACd,wIAtBiB;EAuBnBC,mBAAmB,EAAE,cAvBF;EAwBnBC,cAAc,EAAE,SAxBG;EAwBQ;EAE3B;EACAC,eAAe,EAAE,2EA3BE;EA4BnBC,gBAAgB,EAAE,mHA5BC;EA6BnBC,oBAAoB,EAAE,4BA7BH;EA+BnB;EACAC,iBAAiB,EAAE,qDAhCA;EAgCuD;EAE1E;EACAC,aAAa,EAAE,yFAnCI;EAmCuF;EAC1GC,aAAa,EAAE,0FApCI;EAoCwF;EAC3GC,aAAa,EAAE,0FArCI;EAqCwF;EAC3GC,aAAa,EAAE,0FAtCI;EAsCwF;EAE3G5B,eAAe,EAAfA,eAxCmB;EAwCF;EACjB6B,gBAAgB,EAAE,SAzCC;EAyCU;EAC7BC,gBAAgB,EAAE,2FA1CC;EA0C4F;EAC/GC,aAAa,EAAE,iDA3CI;EA2C+C;EAClEC,cAAc,EAAE,kDAA2ChC,eAA3C,8BAAqF;EAArF,kDAC6BA,eAD7B,+EAE4BA,eAF5B,+EAG4BA,eAH5B,6BAGqE;EAHrE,CA5CG;EAkDnBiC,mBAAmB,oBAAahC,mBAAb,8BAlDA;EAmDnBC,qBAAqB,EAArBA,qBAnDmB;EAoDnBgC,qBAAqB,0DAAmDhC,qBAAnD,MApDF;EAqDnBiC,wBAAwB,EAAE,MArDP;EAsDnBC,kCAAkC,EAAE,MAtDjB;EAuDnBC,cAAc,EAAE,MAvDG;EAwDnBC,qBAAqB,EAAE,MAxDJ;EAyDnBC,uBAAuB,EAAE,mEACzB,kEA1DmB;EA4DnB;EACAC,gBAAgB,EAAE,kGA7DC;EA8DnBC,aAAa,EAAE,4CA9DI;EA+DnBC,YAAY,EAAE;AA/DK,CAAd;;;AAkEPvC,KAAK,CAACwC,QAAN,GAAiB,SAASA,QAAT,CAAmBC,GAAnB,EAAwBC,SAAxB,EAAmC;EAClDD,GAAG,CAACzC,KAAJ,GAAYA,KAAK,CAAC0C,SAAD,CAAjB;AACD,CAFD;;AAIAC,MAAM,CAACC,OAAP,GAAiB5C,KAAjB,C,CAAuB"}
+{"version":3,"file":"style.js","names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectSTyle","textInputStyle","textInputStyleUneditable","textInputSize","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","tabBorderRadius","messageBodyStyle","pendingeditModifier","highlightColor","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingColor","formHeadingStyle","formTextInput","formGroupStyle","formFieldLabelStyle","formFieldNameBoxStyle","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","setStyle","ele","styleName","module","exports"],"sources":["../src/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n\n// These must all end with semicolon so they can be appended to.\n\nconst formBorderColor = '#888888' // Mid-grey\nconst lowProfileLinkColor = '#3B5998' // Grey-blue, e.g., for field labels linking to ontology\nconst formFieldNameBoxWidth = '8em' // The fixed amount to get form fields to line up\n// The latter we put in when switching awy from using tables.  Getting allignment between\n// fields in different groups though is hard problem.\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'colour: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectSTyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white;  border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputSize: 20, // Default text input size in characters roughly\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white;  border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  tabBorderRadius: '0.2em',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n  highlightColor: '#7C4DFF', // Solid lavendar https://design.inrupt.com/atomic-core/?cat=Core\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formBorderColor, // originally was brown; now grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `'color: ${lowProfileLinkColor}; text-decoration: none;'`,\n  formFieldNameBoxWidth,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${formFieldNameBoxWidth};`,\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;'\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style // @@ No way to do this in ESM\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA;;AAEA,IAAMA,eAAe,GAAG,SAAS,EAAC;AAClC,IAAMC,mBAAmB,GAAG,SAAS,EAAC;AACtC,IAAMC,qBAAqB,GAAG,KAAK,EAAC;AACpC;AACA;;AAEO,IAAMC,KAAK,GAAG;EAAE;;EAErBC,aAAa,EAAE,8EAA8E;EAC7FC,kBAAkB,EAAE,0GAA0G;EAE9HC,eAAe,EAAE,wCAAwC;EACzDC,eAAe,EACb,yHAAyH;EAC3HC,cAAc,EACZ,yHAAyH;EAC3HC,wBAAwB;EAAE;EACxB,2HAA2H;EAC7HC,aAAa,EAAE,EAAE;EAAE;EACnBC,WAAW,EACP,2HAA2H;EAAE;EACjIC,YAAY,EAAE,wEAAwE;EACtFC,SAAS,EAAE,6DAA6D;EACxEC,gBAAgB,EAAE,wCAAwC;EAC1DC,cAAc,EAAE,kIAAkI;EAAE;EACpJC,iBAAiB,EAAE,0HAA0H;EAC7IC,eAAe,EAAE,OAAO;EACxBC,gBAAgB,EACd,wIAAwI;EAC1IC,mBAAmB,EAAE,cAAc;EACnCC,cAAc,EAAE,SAAS;EAAE;;EAE3B;EACAC,eAAe,EAAE,2EAA2E;EAC5FC,gBAAgB,EAAE,mHAAmH;EACrIC,oBAAoB,EAAE,4BAA4B;EAElD;EACAC,iBAAiB,EAAE,qDAAqD;EAAE;;EAE1E;EACAC,aAAa,EAAE,yFAAyF;EAAE;EAC1GC,aAAa,EAAE,0FAA0F;EAAE;EAC3GC,aAAa,EAAE,0FAA0F;EAAE;EAC3GC,aAAa,EAAE,0FAA0F;EAAE;;EAE3G5B,eAAe,EAAfA,eAAe;EAAE;EACjB6B,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,gBAAgB,EAAE,2FAA2F;EAAE;EAC/GC,aAAa,EAAE,iDAAiD;EAAE;EAClEC,cAAc,EAAE,kDAA2ChC,eAAe,8BAA2B;EAAA,kDACxDA,eAAe,+EAChBA,eAAe,+EACfA,eAAe,6BAA0B;EAAA,CACpF;EAEDiC,mBAAmB,oBAAahC,mBAAmB,8BAA2B;EAC9EC,qBAAqB,EAArBA,qBAAqB;EACrBgC,qBAAqB,0DAAmDhC,qBAAqB,MAAG;EAChGiC,wBAAwB,EAAE,MAAM;EAChCC,kCAAkC,EAAE,MAAM;EAC1CC,cAAc,EAAE,MAAM;EACtBC,qBAAqB,EAAE,MAAM;EAC7BC,uBAAuB,EAAE,gEAAgE,GACzF,kEAAkE;EAElE;EACAC,gBAAgB,EAAE,kGAAkG;EACpHC,aAAa,EAAE,4CAA4C;EAC3DC,YAAY,EAAE;AAChB,CAAC;AAAA;AAEDvC,KAAK,CAACwC,QAAQ,GAAG,SAASA,QAAQ,CAAEC,GAAG,EAAEC,SAAS,EAAE;EAClDD,GAAG,CAACzC,KAAK,GAAGA,KAAK,CAAC0C,SAAS,CAAC;AAC9B,CAAC;AAEDC,MAAM,CAACC,OAAO,GAAG5C,KAAK,EAAC"}

package/lib/style_multiSelect.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.style = void 0;
-
 /*
  * BASED ON:
  * IconicMultiSelect v0.7.0
@@ -19,7 +18,6 @@ exports.style = void 0;
  */
 var style = {
   multiselect__container: "\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    ",
-
   /*
     multiselect__container:after: `
         content: '';
@@ -39,12 +37,12 @@ var style = {
   multiselect__options_ul_li: "\n        cursor: pointer;\n        padding: 4px 8px;\n    ",
   // multiselect__options ul li:hover: `
   multiselect__options_ul_li_hover: "\n        background-color: #dedede;\n    ",
-
   /*
     multiselect__options ul li *: `
     pointer-events: none;
     `,
   */
+
   multiselect__options_ul_p_multiselect__options_no_results: "\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    ",
   multiselect__options_ul_p_multiselect__options_no_data: "\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    ",
   // multiselect__options ul li.multiselect__options--selected: `
@@ -58,10 +56,8 @@ var style = {
   multiselect__input: "\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    "
 };
 exports.style = style;
-
 style.setStyle = function setStyle(ele, styleName) {
   ele.style = style[styleName];
 };
-
 module.exports = style;
 //# sourceMappingURL=style_multiSelect.js.map

package/lib/style_multiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"style_multiSelect.js","names":["style","multiselect__container","multiselect__wrapper","multiselect__clear_btn","multiselect__options","multiselect__options_visible","multiselect__options_ul","multiselect__options_ul_li","multiselect__options_ul_li_hover","multiselect__options_ul_p_multiselect__options_no_results","multiselect__options_ul_p_multiselect__options_no_data","multiselect__options_ul_li_multiselect__options_selected","multiselect__options_ul_li_multiselect__options_selected_hover","multiselect__options_ul_li_arrow_selected","multiselect__selected","multiselect__selected_multiselect__remove_btn","multiselect__input","setStyle","ele","styleName","module","exports"],"sources":["../src/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,KAAK,GAAG;EAEnBC,sBAAsB,uoBAFH;;EAuBnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEEC,oBAAoB,yMAnCD;EA6CnBC,sBAAsB,0HA7CH;EAoDnBC,oBAAoB,2TApDD;EAkEnBC,4BAA4B,yhBAlET;EAqFnBC,uBAAuB,uIArFJ;EA6FnBC,0BAA0B,+DA7FP;EAkGnB;EACAC,gCAAgC,8CAnGb;;EAuGnB;AACF;AACA;AACA;AACA;EAEEC,yDAAyD,kFA7GtC;EAmHnBC,sDAAsD,kFAnHnC;EAyHnB;EACAC,wDAAwD,oEA1HrC;EA+HnB;EACAC,8DAA8D,0CAhI3C;EAoInB;EACAC,yCAAyC,+DArItB;EAyInBC,qBAAqB,8WAzIF;EAwJnBC,6CAA6C,uFAxJ1B;EA8JnBC,kBAAkB;AA9JC,CAAd;;;AA4KPhB,KAAK,CAACiB,QAAN,GAAiB,SAASA,QAAT,CAAmBC,GAAnB,EAAwBC,SAAxB,EAAmC;EAClDD,GAAG,CAAClB,KAAJ,GAAYA,KAAK,CAACmB,SAAD,CAAjB;AACD,CAFD;;AAIAC,MAAM,CAACC,OAAP,GAAiBrB,KAAjB"}
+{"version":3,"file":"style_multiSelect.js","names":["style","multiselect__container","multiselect__wrapper","multiselect__clear_btn","multiselect__options","multiselect__options_visible","multiselect__options_ul","multiselect__options_ul_li","multiselect__options_ul_li_hover","multiselect__options_ul_p_multiselect__options_no_results","multiselect__options_ul_p_multiselect__options_no_data","multiselect__options_ul_li_multiselect__options_selected","multiselect__options_ul_li_multiselect__options_selected_hover","multiselect__options_ul_li_arrow_selected","multiselect__selected","multiselect__selected_multiselect__remove_btn","multiselect__input","setStyle","ele","styleName","module","exports"],"sources":["../src/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,KAAK,GAAG;EAEnBC,sBAAsB,uoBAmBnB;EAEH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEEC,oBAAoB,yMAQjB;EAEHC,sBAAsB,0HAKnB;EAEHC,oBAAoB,2TAYjB;EAEHC,4BAA4B,yhBAiBzB;EAEHC,uBAAuB,uIAMpB;EAEHC,0BAA0B,+DAGvB;EAEH;EACAC,gCAAgC,8CAE7B;EAEH;AACF;AACA;AACA;AACA;;EAEEC,yDAAyD,kFAItD;EAEHC,sDAAsD,kFAInD;EAEH;EACAC,wDAAwD,oEAGrD;EAEH;EACAC,8DAA8D,0CAE3D;EAEH;EACAC,yCAAyC,+DAEtC;EAEHC,qBAAqB,8WAalB;EAEHC,6CAA6C,uFAI1C;EAEHC,kBAAkB;AAYpB,CAAC;AAAA;AAEDhB,KAAK,CAACiB,QAAQ,GAAG,SAASA,QAAQ,CAAEC,GAAG,EAAEC,SAAS,EAAE;EAClDD,GAAG,CAAClB,KAAK,GAAGA,KAAK,CAACmB,SAAS,CAAC;AAC9B,CAAC;AAEDC,MAAM,CAACC,OAAO,GAAGrB,KAAK"}