@oat-sa/tao-core-ui 1.52.0 → 1.53.0

package/dist/itemButtonList.js

@@ -133,25 +133,28 @@ define(['jquery', 'ui/autoscroll', 'ui/component', 'handlebars', 'i18n', 'lodash
     if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\">\n        <button class=\"buttonlist-btn\"\n                role=\"link\"\n                aria-label=\"";
+      + "\">\n        <button class=\"buttonlist-btn\"\n                role=\"link\"\n                ";
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.title), {hash:{},inverse:self.noop,fn:self.program(6, program6, data),data:data});
+    if(stack1 || stack1 === 0) { buffer += stack1; }
+    buffer += "\n                aria-label=\"";
     if (helper = helpers.ariaLabel) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.ariaLabel); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
       + "\"\n                ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.disabled), {hash:{},inverse:self.noop,fn:self.program(6, program6, data),data:data});
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.disabled), {hash:{},inverse:self.noop,fn:self.program(8, program8, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\n                data-id=\"";
     if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
       + "\">\n            <span class=\"icon-indicator indicator\" aria-hidden=\"true\"></span>\n            ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.scoreType), {hash:{},inverse:self.noop,fn:self.program(8, program8, data),data:data});
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.scoreType), {hash:{},inverse:self.noop,fn:self.program(10, program10, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\n            <span class=\"buttonlist-icon";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.icon), {hash:{},inverse:self.noop,fn:self.program(10, program10, data),data:data});
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.icon), {hash:{},inverse:self.noop,fn:self.program(12, program12, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\" aria-hidden=\"true\"></span>\n            <span class=\"buttonlist-label\" aria-hidden=\"true\">";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.numericLabel), {hash:{},inverse:self.noop,fn:self.program(12, program12, data),data:data});
+    stack1 = helpers['if'].call(depth0, (depth0 && depth0.numericLabel), {hash:{},inverse:self.noop,fn:self.program(14, program14, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "</span>\n        </button>\n    </li>\n    ";
     return buffer;
@@ -174,11 +177,22 @@ define(['jquery', 'ui/autoscroll', 'ui/component', 'handlebars', 'i18n', 'lodash
 
   function program6(depth0,data) {
     
+    var buffer = "", stack1, helper;
+    buffer += "title=\"";
+    if (helper = helpers.title) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.title); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\"";
+    return buffer;
+    }
+
+  function program8(depth0,data) {
+    
     
     return "aria-disabled=\"true\"";
     }
 
-  function program8(depth0,data) {
+  function program10(depth0,data) {
     
     var buffer = "", stack1, helper;
     buffer += "\n                <span class=\"buttonlist-score-badge\">\n                    <span class=\"buttonlist-score-icon icon-";
@@ -189,7 +203,7 @@ define(['jquery', 'ui/autoscroll', 'ui/component', 'handlebars', 'i18n', 'lodash
     return buffer;
     }
 
-  function program10(depth0,data) {
+  function program12(depth0,data) {
     
     var buffer = "", stack1, helper;
     buffer += " icon-";
@@ -199,7 +213,7 @@ define(['jquery', 'ui/autoscroll', 'ui/component', 'handlebars', 'i18n', 'lodash
     return buffer;
     }
 
-  function program12(depth0,data) {
+  function program14(depth0,data) {
     
     var stack1, helper;
     if (helper = helpers.numericLabel) { stack1 = helper.call(depth0, {hash:{},data:data}); }
@@ -270,6 +284,7 @@ define(['jquery', 'ui/autoscroll', 'ui/component', 'handlebars', 'i18n', 'lodash
    * @property {String} scoreType - 'correct'/'incorrect'/null
    * @property {String} icon - 'info'/'flagged'/null
    * @property {Boolean} disabled
+   * @property {String} [title] - optional tooltip
    */
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oat-sa/tao-core-ui",
-    "version": "1.52.0",
+    "version": "1.53.0",
     "displayName": "TAO Core UI",
     "description": "UI libraries of TAO",
     "scripts": {

package/src/itemButtonList/tpl/itemButtonList.tpl

@@ -3,6 +3,7 @@
     <li class="buttonlist-item {{status}}{{#if scoreType}} {{scoreType}}{{/if}}{{#if disabled}} disabled{{/if}}" data-id="{{id}}">
         <button class="buttonlist-btn"
                 role="link"
+                {{#if title}}title="{{title}}"{{/if}}
                 aria-label="{{ariaLabel}}"
                 {{#if disabled}}aria-disabled="true"{{/if}}
                 data-id="{{id}}">

package/src/itemButtonList.js

@@ -52,6 +52,7 @@ const cssSelectors = {
  * @property {String} scoreType - 'correct'/'incorrect'/null
  * @property {String} icon - 'info'/'flagged'/null
  * @property {Boolean} disabled
+ * @property {String} [title] - optional tooltip
  */
 /**
  * Item Button List