fomantic-ui 2.9.0-beta.284 → 2.9.0-beta.285

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.0-beta.284+04f70a7",
+  "version": "2.9.0-beta.285+da049ae",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/behaviors/api.js

@@ -1208,7 +1208,7 @@ $.api.settings = {
   regExp  : {
     required : /\{\$*[A-z0-9]+\}/g,
     optional : /\{\/\$*[A-z0-9]+\}/g,
-    validate: /^[a-z_][a-z0-9_-]*(?:\[(?:\d*|[a-z0-9_-]+)\])*$/i,
+    validate: /^[a-z_][a-z0-9_-]*(?:\[[a-z0-9_-]*\])*$/i,
     key:      /[a-z0-9_-]+|(?=\[\])/gi,
     push:     /^$/,
     fixed:    /^\d+$/,

package/src/definitions/elements/emoji.less

@@ -75,4 +75,27 @@ em[data-emoji]::before {
   }
 }
 
+/*rtl:begin:ignore*/
+
+each(@size-map, {
+  em[data-emoji].@{key} {
+    font-size: 1.5em * @value;
+    vertical-align: middle;
+  }
+});
+
+each(@emoji-map,{
+  & when (@variationEmojiColons) {
+    em[data-emoji=":@{value}:"]::before {
+      background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+    }
+    em[data-emoji="@{value}"]::before:extend(em[data-emoji=":@{value}:"]::before) when (@variationEmojiNoColons) {}
+  }
+  em[data-emoji="@{value}"]::before when (@variationEmojiNoColons) and not (@variationEmojiColons) {
+    background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+  }
+});
+
+/*rtl:end:ignore*/
+
 .loadUIOverrides();

package/src/definitions/elements/flag.less

@@ -39,4 +39,49 @@ i.flag:not(.icon)::before {
   }
 }
 
+each(@size-map, {
+  i.flag.@{key} {
+    font-size: 1.5em * @value;
+    vertical-align: middle;
+  }
+});
+
+/*rtl:begin:ignore*/
+
+each(@flags, {
+  @unicode: replace(@key,'@','');
+  @cc: replace(@flags[@@unicode][countrycode],'_','.','g');
+  @cls: replace(@flags[@@unicode][class],'_','.','g');
+  @alias: replace(@flags[@@unicode][aliasClass],'_','.','g');
+  @alias2: replace(@flags[@@unicode][aliasClass2],'_','.','g');
+  & when (@cc = @cls) and (@alias = false) and (@alias2 = false){
+    i.flag.@{cc}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@cc = @cls) and (@alias = false) and (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@alias = false) and (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before,
+    i.flag.@{alias}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+  & when not (@alias2 = false) {
+    i.flag.@{cc}::before,
+    i.flag.@{cls}::before,
+    i.flag.@{alias}::before,
+    i.flag.@{alias2}::before {
+      background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+    }
+  }
+});
+
+/*rtl:end:ignore*/
+
 .loadUIOverrides();

package/src/definitions/elements/label.less

@@ -73,7 +73,7 @@ a.ui.label {
 }
 
 /* Icon */
-.ui.left.icon.label > .icon,
+.ui.ui[class*="left icon"].label > .icon,
 .ui.label > .icon {
   width: auto;
   margin: 0 @iconDistance 0 0;
@@ -105,9 +105,12 @@ a.ui.label {
 }
 
 /* Backward compatible positioning */
-.ui.label.left.icon > .close.icon,
-.ui.label.left.icon > .delete.icon {
+.ui.label[class*="left icon"] > .close.icon,
+.ui.label[class*="left icon"] > .delete.icon {
   margin: 0 @deleteMargin 0 0;
+  &.right {
+    margin: 0 0 0 @deleteMargin;
+  }
 }
 .ui.label:not(.icon) > .close.icon,
 .ui.label:not(.icon) > .delete.icon {
@@ -120,7 +123,7 @@ a.ui.label {
 }
 
 /* Right Side Icon */
-.ui.right.icon.label > .icon {
+.ui[class*="right icon"].label > .icon {
   margin: 0 0 0 @iconDistance;
 }
 

package/src/definitions/modules/toast.js

@@ -151,7 +151,7 @@ $.fn.toast = function(parameters) {
         create: {
           container: function() {
             module.verbose('Creating container');
-            $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '')}));
+            $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '') + ' ' + (settings.context && settings.context !== 'body' ? className.absolute : '')}));
           },
           id: function() {
             id = (Math.random().toString(16) + '000000000').slice(2, 10);
@@ -457,7 +457,7 @@ $.fn.toast = function(parameters) {
         has: {
           container: function() {
             module.verbose('Determining if there is already a container');
-            return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : ':not('+module.helpers.toClass(className.horizontal)+')')).length > 0);
+            return module.get.containers().length > 0;
           },
           toast: function(){
             return !!module.get.toast();
@@ -474,8 +474,11 @@ $.fn.toast = function(parameters) {
           id: function() {
             return id;
           },
+          containers: function() {
+            return $context.children(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : ':not('+module.helpers.toClass(className.horizontal)+')') + (settings.context && settings.context !== 'body' ? module.helpers.toClass(className.absolute) : ':not('+module.helpers.toClass(className.absolute)+')'));
+          },
           container: function() {
-            return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : ':not('+module.helpers.toClass(className.horizontal)+')'))[0]);
+            return module.get.containers()[0];
           },
           toastBox: function() {
             return $toastBox || null;
@@ -538,7 +541,7 @@ $.fn.toast = function(parameters) {
         helpers: {
           toClass: function(selector) {
             var
-              classes = selector.split(' '),
+              classes = selector.trim().split(/\s+/),
               result = ''
             ;
 
@@ -828,6 +831,7 @@ $.fn.toast.settings = {
 
   className      : {
     container    : 'ui toast-container',
+    absolute     : 'absolute',
     box          : 'floating toast-box',
     progress     : 'ui attached active progress',
     toast        : 'ui toast',

package/src/definitions/modules/toast.less

@@ -25,6 +25,9 @@
 .ui.toast-container {
     position: fixed;
     z-index: 9999;
+  &.absolute {
+    position: absolute;
+  }
   &.ui.attached when (@variationToastAttached) {
     width: 100%;
     left: 0;