build 2.1.14

styladev · Feb 14, 2017 · 160e6e5 · 160e6e5
1 parent bd31981
commit 160e6e5
Show file tree

Hide file tree

Showing 22 changed files with 135 additions and 72 deletions.
diff --git a/dist/baseWidget.js b/dist/baseWidget.js
@@ -557,11 +557,15 @@ var Build = function () {
             description = this.getDescription(JSON.parse(description));
 
             paragraph.innerHTML = description;
-            paragraph.innerHTML = paragraph.textContent; // What??
+
+            /* Magic: strips HTML from description */
+            paragraph.innerHTML = paragraph.textContent;
 
             textWrapper.appendChild(paragraph);
 
             var paragraphAfter = create('div', _classes2.default.PARAGRAPH_AFTER);
+            paragraphAfter.innerHTML = '…';
+
             textWrapper.appendChild(paragraphAfter);
 
             return textWrapper;
@@ -922,6 +926,6 @@ module.exports = {
 'use strict';
 
 /* globals module */
-module.exports = '2.1.13';
+module.exports = '2.1.14';
 
 },{}]},{},[2]);
diff --git a/dist/baseWidget.min.js b/dist/baseWidget.min.js
@@ -557,11 +557,15 @@ var Build = function () {
             description = this.getDescription(JSON.parse(description));
 
             paragraph.innerHTML = description;
-            paragraph.innerHTML = paragraph.textContent; // What??
+
+            /* Magic: strips HTML from description */
+            paragraph.innerHTML = paragraph.textContent;
 
             textWrapper.appendChild(paragraph);
 
             var paragraphAfter = create('div', _classes2.default.PARAGRAPH_AFTER);
+            paragraphAfter.innerHTML = '…';
+
             textWrapper.appendChild(paragraphAfter);
 
             return textWrapper;
@@ -922,6 +926,6 @@ module.exports = {
 'use strict';
 
 /* globals module */
-module.exports = '2.1.13';
+module.exports = '2.1.14';
 
 },{}]},{},[2]);
diff --git a/dist/cards.js b/dist/cards.js
@@ -1,12 +1,12 @@
 /*!
- * Styla bite-sized widget v2.1.13
+ * Styla bite-sized widget v2.1.14
  * https://github.com/styladev/widget
  *
  * Copyright 2016-2017 Styla GmbH and other contributors
  * Released under the MIT license
  * https://github.com/styladev/widget/blob/master/license.md
  *
- * Date: Mon Feb 13 2017
+ * Date: Tue Feb 14 2017
  * */
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
 (function (global){
@@ -327,7 +327,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 /*
     exchanged for css in the gulp build
  */
-var baseStyles = '#styla-widget p{margin:0}#styla-widget.styla-widget__wrapper{width:100%;height:100%}#styla-widget .styla-widget__container{box-sizing:border-box;position:relative;overflow:hidden;height:100%;width:100%;min-height:14em;font-size:14px}#styla-widget .styla-widget__story{margin-bottom:1em;position:relative}#styla-widget .styla-widget__link{position:absolute;width:100%;display:-moz-flex;display:-webkit-flex;display:flex;text-decoration:none;color:inherit}#styla-widget__link>div{display:inline-block}#styla-widget .styla-widget__image{max-height:100%;max-width:100%;height:100%;object-fit:contain}#styla-widget .styla-widget__textwrap{display:block;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;max-height:100%;overflow:hidden;float:left}#styla-widget .styla-widget__headlinewrap{display:flex;flex-direction:column;-moz-justify-content:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end}#styla-widget .styla-widget__headline,#styla-widget .styla-widget__title{line-height:1.25em;max-height:2.5em;overflow:hidden;margin-top:1em;margin-bottom:1em}#styla-widget .styla-widget__title{font-size:2em;text-align:center;margin-bottom:30px}#styla-widget .styla-widget__paragraph{font-size:1em;line-height:1.5em;overflow:hidden;position:relative;word-wrap:break-word}#styla-widget .styla-widget__paragraph-after:after{content:"..."}';
+var baseStyles = '#styla-widget p{margin:0}#styla-widget.styla-widget__wrapper{width:100%;height:100%}#styla-widget .styla-widget__container{box-sizing:border-box;position:relative;overflow:hidden;height:100%;width:100%;min-height:14em;font-size:14px}#styla-widget .styla-widget__story{margin-bottom:1em;position:relative}#styla-widget .styla-widget__link{position:absolute;width:100%;display:-moz-flex;display:-webkit-flex;display:flex;text-decoration:none;color:inherit}#styla-widget__link>div{display:inline-block}#styla-widget .styla-widget__image{max-height:100%;max-width:100%;height:100%;object-fit:contain}#styla-widget .styla-widget__textwrap{display:block;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;max-height:100%;overflow:hidden;float:left}#styla-widget .styla-widget__headlinewrap{display:flex;flex-direction:column;-moz-justify-content:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end}#styla-widget .styla-widget__headline,#styla-widget .styla-widget__title{line-height:1.25em;max-height:2.5em;overflow:hidden;margin-top:1em;margin-bottom:1em}#styla-widget .styla-widget__title{font-size:2em;text-align:center;margin-bottom:30px}#styla-widget .styla-widget__paragraph{font-size:1em;line-height:1.5em;overflow:hidden;position:relative;word-wrap:break-word}';
 var specificStyles = '#styla-widget.cards .styla-widget__container{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 .5em;height:26em;overflow:hidden}#styla-widget.cards .styla-widget__story{margin:.5em;width:18em;height:25em;display:block;float:left;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;flex-grow:1}#styla-widget.cards .styla-widget__link{display:block}#styla-widget.cards .styla-widget__imagewrap{height:11em;width:100%}#styla-widget.cards .styla-widget__image{width:100%;object-fit:cover}#styla-widget.cards .styla-widget__textwrap{width:100%}#styla-widget.cards .styla-widget__headline{font-size:1.5em}#styla-widget.cards .styla-widget__paragraph{max-height:6em}#styla-widget.cards .styla-widget__calltoaction{line-height:2em}#styla-widget.cards .styla-widget__calltoaction:hover{text-decoration:underline}';
 var wrapperID = 'styla-widget';
 
@@ -567,11 +567,15 @@ var Build = function () {
             description = this.getDescription(JSON.parse(description));
 
             paragraph.innerHTML = description;
-            paragraph.innerHTML = paragraph.textContent; // What??
+
+            /* Magic: strips HTML from description */
+            paragraph.innerHTML = paragraph.textContent;
 
             textWrapper.appendChild(paragraph);
 
             var paragraphAfter = create('div', _classes2.default.PARAGRAPH_AFTER);
+            paragraphAfter.innerHTML = '…';
+
             textWrapper.appendChild(paragraphAfter);
 
             return textWrapper;
@@ -932,6 +936,6 @@ module.exports = {
 'use strict';
 
 /* globals module */
-module.exports = '2.1.13';
+module.exports = '2.1.14';
 
 },{}]},{},[2]);
diff --git a/dist/cards.v2.min.js b/dist/cards.v2.min.js
diff --git a/dist/doc/baseStyles.css.html b/dist/doc/baseStyles.css.html
@@ -148,11 +148,6 @@ <h1>baseStyles.css</h1>
     <span class="k">position</span><span class="o">:</span>                           <span class="k">relative</span><span class="p">;</span>
     <span class="n">word</span><span class="o">-</span><span class="n">wrap</span><span class="o">:</span>                          <span class="n">break</span><span class="o">-</span><span class="n">word</span><span class="p">;</span>
 <span class="p">}</span>
-
-<span class="nf">#styla-widget</span> <span class="nc">.styla-widget__paragraph-after</span><span class="nd">:after</span>
-<span class="p">{</span>
-    <span class="k">content</span><span class="o">:</span>                            <span class="s2">&quot;...&quot;</span><span class="p">;</span>
-<span class="p">}</span>
 </pre></div>
         </td>
       </tr>

diff --git a/dist/doc/baseWidget.js.html b/dist/doc/baseWidget.js.html
@@ -71,11 +71,11 @@ <h1>baseWidget.js</h1>
   <div class="details">
     <div class="dox_tag_title">author</div>
     <div class="dox_tag_detail">
-      <span>"Mouse Braun <a href="&#109;&#97;&#105;&#x6C;&#116;&#111;:m&#x6F;&#117;&#115;&#101;&#64;&#x73;&#x74;&#x79;&#x6C;&#x61;&#x2E;&#x63;&#x6F;m">m&#x6F;&#117;&#115;&#101;&#64;&#x73;&#x74;&#x79;&#x6C;&#x61;&#x2E;&#x63;&#x6F;m</a>"</span>
+      <span>"Mouse Braun <a href="&#109;&#x61;i&#x6C;&#x74;o:&#109;&#x6F;&#x75;&#x73;&#101;&#x40;&#x73;&#x74;&#x79;&#108;a&#46;&#99;&#x6F;&#109;">&#109;&#x6F;&#x75;&#x73;&#101;&#x40;&#x73;&#x74;&#x79;&#108;a&#46;&#99;&#x6F;&#109;</a>"</span>
     </div>
     <div class="dox_tag_title">author</div>
     <div class="dox_tag_detail">
-      <span>"Elias Liedholm <a href="&#109;&#x61;i&#108;&#x74;&#111;:&#x65;&#108;&#105;&#x61;&#115;&#x40;&#115;&#x74;&#x79;&#x6C;&#97;&#x2E;&#99;&#x6F;&#109;">&#x65;&#108;&#105;&#x61;&#115;&#x40;&#115;&#x74;&#x79;&#x6C;&#97;&#x2E;&#99;&#x6F;&#109;</a>"</span>
+      <span>"Elias Liedholm <a href="&#109;&#97;&#105;&#x6C;&#116;&#x6F;:&#101;&#x6C;&#x69;&#x61;s&#x40;s&#116;&#x79;l&#x61;&#x2E;&#x63;&#111;&#109;">&#101;&#x6C;&#x69;&#x61;s&#x40;s&#116;&#x79;l&#x61;&#x2E;&#x63;&#111;&#109;</a>"</span>
     </div>
   </div>
 </div>

diff --git a/dist/doc/build.js.html b/dist/doc/build.js.html
@@ -540,21 +540,25 @@ <h2>
         <td class="code highlight"><div class="highlight"><pre>
     <span class="nx">buildStoryText</span><span class="p">(</span> <span class="nx">title</span><span class="p">,</span> <span class="nx">description</span> <span class="o">=</span> <span class="s1">&#39;{}&#39;</span> <span class="p">)</span>
     <span class="p">{</span>
-        <span class="kr">const</span> <span class="nx">create</span>          <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">create</span><span class="p">;</span>
-        <span class="kr">const</span> <span class="nx">textWrapper</span>     <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span> <span class="nx">classes</span><span class="p">.</span><span class="nx">TEXT_WRAPPER</span> <span class="p">);</span>
+        <span class="kr">const</span> <span class="nx">create</span>                <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">create</span><span class="p">;</span>
+        <span class="kr">const</span> <span class="nx">textWrapper</span>           <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span> <span class="nx">classes</span><span class="p">.</span><span class="nx">TEXT_WRAPPER</span> <span class="p">);</span>
 
-        <span class="kr">const</span> <span class="nx">headlineWrapper</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">buildHeadline</span><span class="p">(</span> <span class="nx">title</span> <span class="p">);</span>
+        <span class="kr">const</span> <span class="nx">headlineWrapper</span>       <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">buildHeadline</span><span class="p">(</span> <span class="nx">title</span> <span class="p">);</span>
         <span class="nx">textWrapper</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span> <span class="nx">headlineWrapper</span> <span class="p">);</span>
 
-        <span class="kr">const</span> <span class="nx">paragraph</span>       <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span> <span class="nx">classes</span><span class="p">.</span><span class="nx">PARAGRAPH</span> <span class="p">);</span>
-        <span class="nx">description</span>           <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getDescription</span><span class="p">(</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span> <span class="nx">description</span> <span class="p">)</span> <span class="p">);</span>
+        <span class="kr">const</span> <span class="nx">paragraph</span>             <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span> <span class="nx">classes</span><span class="p">.</span><span class="nx">PARAGRAPH</span> <span class="p">);</span>
+        <span class="nx">description</span>                 <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getDescription</span><span class="p">(</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span> <span class="nx">description</span> <span class="p">)</span> <span class="p">);</span>
 
-        <span class="nx">paragraph</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">description</span><span class="p">;</span>
-        <span class="nx">paragraph</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">paragraph</span><span class="p">.</span><span class="nx">textContent</span><span class="p">;</span> <span class="c1">// What??</span>
+        <span class="nx">paragraph</span><span class="p">.</span><span class="nx">innerHTML</span>         <span class="o">=</span> <span class="nx">description</span><span class="p">;</span>
+
+        <span class="cm">/* Magic: strips HTML from description */</span>
+        <span class="nx">paragraph</span><span class="p">.</span><span class="nx">innerHTML</span>         <span class="o">=</span> <span class="nx">paragraph</span><span class="p">.</span><span class="nx">textContent</span><span class="p">;</span>
 
         <span class="nx">textWrapper</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span> <span class="nx">paragraph</span> <span class="p">);</span>
 
-        <span class="kr">const</span> <span class="nx">paragraphAfter</span>  <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span>    <span class="nx">classes</span><span class="p">.</span><span class="nx">PARAGRAPH_AFTER</span> <span class="p">);</span>
+        <span class="kr">const</span> <span class="nx">paragraphAfter</span>        <span class="o">=</span> <span class="nx">create</span><span class="p">(</span> <span class="s1">&#39;div&#39;</span><span class="p">,</span> <span class="nx">classes</span><span class="p">.</span><span class="nx">PARAGRAPH_AFTER</span> <span class="p">);</span>
+        <span class="nx">paragraphAfter</span><span class="p">.</span><span class="nx">innerHTML</span>    <span class="o">=</span> <span class="s1">&#39;…&#39;</span><span class="p">;</span>
+
         <span class="nx">textWrapper</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span> <span class="nx">paragraphAfter</span> <span class="p">);</span>
 
         <span class="k">return</span> <span class="nx">textWrapper</span><span class="p">;</span>

diff --git a/dist/doc/index.html b/dist/doc/index.html
@@ -71,11 +71,11 @@ <h1>baseWidget.js</h1>
   <div class="details">
     <div class="dox_tag_title">author</div>
     <div class="dox_tag_detail">
-      <span>"Mouse Braun <a href="&#109;&#97;&#105;&#x6C;&#116;&#111;:m&#x6F;&#117;&#115;&#101;&#64;&#x73;&#x74;&#x79;&#x6C;&#x61;&#x2E;&#x63;&#x6F;m">m&#x6F;&#117;&#115;&#101;&#64;&#x73;&#x74;&#x79;&#x6C;&#x61;&#x2E;&#x63;&#x6F;m</a>"</span>
+      <span>"Mouse Braun <a href="&#109;&#x61;i&#x6C;&#x74;o:&#109;&#x6F;&#x75;&#x73;&#101;&#x40;&#x73;&#x74;&#x79;&#108;a&#46;&#99;&#x6F;&#109;">&#109;&#x6F;&#x75;&#x73;&#101;&#x40;&#x73;&#x74;&#x79;&#108;a&#46;&#99;&#x6F;&#109;</a>"</span>
     </div>
     <div class="dox_tag_title">author</div>
     <div class="dox_tag_detail">
-      <span>"Elias Liedholm <a href="&#109;&#x61;i&#108;&#x74;&#111;:&#x65;&#108;&#105;&#x61;&#115;&#x40;&#115;&#x74;&#x79;&#x6C;&#97;&#x2E;&#99;&#x6F;&#109;">&#x65;&#108;&#105;&#x61;&#115;&#x40;&#115;&#x74;&#x79;&#x6C;&#97;&#x2E;&#99;&#x6F;&#109;</a>"</span>
+      <span>"Elias Liedholm <a href="&#109;&#97;&#105;&#x6C;&#116;&#x6F;:&#101;&#x6C;&#x69;&#x61;s&#x40;s&#116;&#x79;l&#x61;&#x2E;&#x63;&#111;&#109;">&#101;&#x6C;&#x69;&#x61;s&#x40;s&#116;&#x79;l&#x61;&#x2E;&#x63;&#111;&#109;</a>"</span>
     </div>
   </div>
 </div>

diff --git a/dist/doc/index.html.html b/dist/doc/index.html.html
@@ -235,10 +235,10 @@ <h1>index.html</h1>
     <span class="nt">&lt;/body&gt;</span>
 
 
-    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./list.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
-    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./tiles.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
-    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./horizontal.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
-    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./cards.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
+    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./list.v2.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
+    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./tiles.v2.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
+    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./horizontal.v2.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
+    <span class="nt">&lt;script </span><span class="na">src=</span><span class="s">&quot;./cards.v2.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
     <span class="nt">&lt;script&gt;</span>
         <span class="k">new</span> <span class="nx">StylaWidget_Tiles</span><span class="p">(</span> <span class="p">{</span>
             <span class="nx">newTab</span>  <span class="o">:</span> <span class="kc">true</span><span class="p">,</span>