clay-dropdown - npm Package Compare versions

Comparing version 2.16.1 to 2.16.2

lib/ClayActionsDropdown.soy.js

@@ -118,7 +118,7 @@ 'use strict';
     } else {
-      var msg_2421__soy2422 = '';
+      var msg_2439__soy2440 = '';
       /** @desc  */
       var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
-      msg_2421__soy2422 += MSG_EXTERNAL_6305962755687847469;
-      param54 += msg_2421__soy2422;
+      msg_2439__soy2440 += MSG_EXTERNAL_6305962755687847469;
+      param54 += msg_2439__soy2440;
     }
@@ -125,0 +125,0 @@ $templateAlias2({ button: button, caption: caption, disabled: disabled, elementClasses: dropdownElementClasses__soy21, events: { buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle }, expanded: expanded, helpText: helpText, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy30, preferredAlign: preferredAlign, ref: 'dropdown', spritemap: spritemap, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerTitle: param54 }, null, opt_ijData);

lib/ClayCreationMenuDropdown.soy.js

@@ -118,6 +118,6 @@ 'use strict';
     var viewMoreURL = soy.asserts.assertType(opt_data.viewMoreURL == null || goog.isString(opt_data.viewMoreURL) || opt_data.viewMoreURL instanceof goog.soy.data.SanitizedContent, 'viewMoreURL', opt_data.viewMoreURL, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var msg_2424__soy2425 = '';
+    var msg_2442__soy2443 = '';
     /** @desc  */
     var MSG_EXTERNAL_7011425206383801543 = goog.getMsg('more');
-    msg_2424__soy2425 += MSG_EXTERNAL_7011425206383801543;
+    msg_2442__soy2443 += MSG_EXTERNAL_7011425206383801543;
     var secondaryItemsFirstGroup__soy93 = secondaryItems != null ? secondaryItems[0] != null ? secondaryItems[0] : null : null;
@@ -140,3 +140,3 @@ var secondaryItemsSecondGroup__soy95 = secondaryItems != null ? secondaryItems[1] != null ? secondaryItems[1] : null : null;
     var textMore__soy125 = '';
-    textMore__soy125 += msg_2424__soy2425;
+    textMore__soy125 += msg_2442__soy2443;
     var showMoreButton__soy133 = showingItems__soy115 < totalItems__soy105 ? viewMoreURL != null ? { buttonStyle: 'secondary', href: viewMoreURL, label: textMore__soy125 } : { label: textMore__soy125, style: 'secondary' } : null;
@@ -148,7 +148,7 @@ var trigger__soy135 = function trigger__soy135() {
     if (showMoreButton__soy133) {
-      var msg_2427__soy2428 = '';
+      var msg_2445__soy2446 = '';
       /** @desc Says how many items of the total are being showed */
       var MSG_EXTERNAL_8004490453579465583 = goog.getMsg('showing-{$showingItems}-of-{$totalItems}-elements', { 'showingItems': showingItems__soy115, 'totalItems': totalItems__soy105 });
-      msg_2427__soy2428 += MSG_EXTERNAL_8004490453579465583;
-      param144 += msg_2427__soy2428;
+      msg_2445__soy2446 += MSG_EXTERNAL_8004490453579465583;
+      param144 += msg_2445__soy2446;
     }
@@ -159,7 +159,7 @@ var param176 = '';
     } else {
-      var msg_2430__soy2431 = '';
+      var msg_2448__soy2449 = '';
       /** @desc  */
       var MSG_EXTERNAL_7387635272539030076 = goog.getMsg('new');
-      msg_2430__soy2431 += MSG_EXTERNAL_7387635272539030076;
-      param176 += msg_2430__soy2431;
+      msg_2448__soy2449 += MSG_EXTERNAL_7387635272539030076;
+      param176 += msg_2448__soy2449;
     }
@@ -166,0 +166,0 @@ $templateAlias2({ button: showMoreButton__soy133, caption: param144, disabled: disabled, elementClasses: elementClasses, events: { buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle }, expanded: expanded, helpText: showMoreButton__soy133 ? helpText : null, id: id, items: items__soy123, itemsIconAlignment: itemsIconAlignment, label: trigger__soy135, preferredAlign: preferredAlign, ref: 'dropdown', spritemap: spritemap, style: 'primary', triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerTitle: param176 }, null, opt_ijData);

lib/ClayDropdown.js

@@ -328,3 +328,13 @@ 'use strict';
   */
-	triggerSize: _metalState.Config.oneOf(['sm'])
+	triggerSize: _metalState.Config.oneOf(['sm']),
+
+	/**
+  * Flag to indicate whether the search element will be wrapped
+  * with `<form />` tag.
+  * @default true
+  * @instance
+  * @memberof ClayDropdown
+  * @type {?bool}
+  */
+	useSearchableWithForm: _metalState.Config.bool().value(true)
 };
@@ -331,0 +341,0 @@

lib/ClayDropdown.soy.js

@@ -70,3 +70,4 @@ 'use strict';
    *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }} opt_data
@@ -124,3 +125,5 @@ * @param {Object<string, *>=} opt_ijData
     var triggerTitle = soy.asserts.assertType(opt_data.triggerTitle == null || goog.isString(opt_data.triggerTitle) || opt_data.triggerTitle instanceof goog.soy.data.SanitizedContent, 'triggerTitle', opt_data.triggerTitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var trigger__soy217 = function trigger__soy217() {
+    /** @type {boolean|null|undefined} */
+    var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0, 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+    var trigger__soy218 = function trigger__soy218() {
       if (icon) {
@@ -136,3 +139,3 @@ $templateAlias1({ elementClasses: label ? 'inline-item inline-item-before' : '', spritemap: spritemap, symbol: icon }, null, opt_ijData);
     };
-    $templateAlias2({ button: button, contentRenderer: contentRenderer, disabled: disabled, elementClasses: elementClasses, events: { buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle }, expanded: expanded, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy217, preferredAlign: preferredAlign, ref: 'dropdown', searchable: searchable, spritemap: spritemap, style: style, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerSize: triggerSize, triggerTitle: triggerTitle }, null, opt_ijData);
+    $templateAlias2({ button: button, contentRenderer: contentRenderer, disabled: disabled, elementClasses: elementClasses, events: { buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle }, expanded: expanded, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy218, preferredAlign: preferredAlign, ref: 'dropdown', searchable: searchable, spritemap: spritemap, style: style, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerSize: triggerSize, triggerTitle: triggerTitle, useSearchableWithForm: useSearchableWithForm }, null, opt_ijData);
   }
@@ -163,3 +166,4 @@ exports.render = $render;
    *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }}
@@ -172,4 +176,4 @@ */
 
-  exports.render.params = ["items", "spritemap", "_handleButtonClick", "_handleItemClick", "button", "contentRenderer", "disabled", "elementClasses", "expanded", "icon", "id", "itemsIconAlignment", "label", "preferredAlign", "searchable", "showToggleIcon", "style", "toggle", "triggerAriaLabel", "triggerClasses", "triggerSize", "triggerTitle"];
-  exports.render.types = { "items": "list<?>", "spritemap": "string", "_handleButtonClick": "any", "_handleItemClick": "any", "button": "?", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "expanded": "bool", "icon": "string", "id": "string", "itemsIconAlignment": "string", "label": "html|string", "preferredAlign": "string", "searchable": "bool", "showToggleIcon": "bool", "style": "string", "toggle": "any", "triggerAriaLabel": "string", "triggerClasses": "string", "triggerSize": "string", "triggerTitle": "string" };
+  exports.render.params = ["items", "spritemap", "_handleButtonClick", "_handleItemClick", "button", "contentRenderer", "disabled", "elementClasses", "expanded", "icon", "id", "itemsIconAlignment", "label", "preferredAlign", "searchable", "showToggleIcon", "style", "toggle", "triggerAriaLabel", "triggerClasses", "triggerSize", "triggerTitle", "useSearchableWithForm"];
+  exports.render.types = { "items": "list<?>", "spritemap": "string", "_handleButtonClick": "any", "_handleItemClick": "any", "button": "?", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "expanded": "bool", "icon": "string", "id": "string", "itemsIconAlignment": "string", "label": "html|string", "preferredAlign": "string", "searchable": "bool", "showToggleIcon": "bool", "style": "string", "toggle": "any", "triggerAriaLabel": "string", "triggerClasses": "string", "triggerSize": "string", "triggerTitle": "string", "useSearchableWithForm": "bool" };
   exports.templates = templates = exports;
@@ -176,0 +180,0 @@ return exports;

lib/ClayDropdownBase.js

@@ -771,3 +771,13 @@ 'use strict';
   */
-	triggerTitle: _metalState.Config.string()
+	triggerTitle: _metalState.Config.string(),
+
+	/**
+  * Flag to indicate whether the search element will be wrapped
+  * with `<form />` tag.
+  * @default true
+  * @instance
+  * @memberof ClayDropdownBase
+  * @type {?bool}
+  */
+	useSearchableWithForm: _metalState.Config.bool().value(true)
 };
@@ -774,0 +784,0 @@

lib/ClayDropdownBase.soy.js

@@ -80,3 +80,4 @@ 'use strict';
    *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }} opt_data
@@ -139,3 +140,5 @@ * @param {Object<string, *>=} opt_ijData
     var triggerTitle = soy.asserts.assertType(opt_data.triggerTitle == null || goog.isString(opt_data.triggerTitle) || opt_data.triggerTitle instanceof goog.soy.data.SanitizedContent, 'triggerTitle', opt_data.triggerTitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var attributes__soy292 = function attributes__soy292() {
+    /** @type {boolean|null|undefined} */
+    var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0, 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+    var attributes__soy295 = function attributes__soy295() {
       incrementalDom.attr('class', 'dropdown' + (elementClasses ? ' ' + elementClasses : '') + (expanded ? ' show' : ''));
@@ -147,6 +150,6 @@ if (id) {
     incrementalDom.elementOpenStart('div');
-    attributes__soy292();
+    attributes__soy295();
     incrementalDom.elementOpenEnd();
     $trigger({ _handleTriggerKeyDown: _handleTriggerKeyDown, ariaLabel: triggerAriaLabel, classes: triggerClasses, disabled: disabled, expanded: expanded, label: label, size: triggerSize, style: style, title: triggerTitle }, null, opt_ijData);
-    $sections({ _handleButtonClick: _handleButtonClick, _handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, _handleSearch: _handleSearch, button: button, caption: caption, contentRenderer: ($$temp = contentRenderer) == null ? '' : $$temp, expanded: expanded, helpText: helpText, items: items, itemsIconAlignment: itemsIconAlignment, portalElementId: portalElementId, searchable: searchable, spritemap: spritemap }, null, opt_ijData);
+    $sections({ _handleButtonClick: _handleButtonClick, _handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, _handleSearch: _handleSearch, button: button, caption: caption, contentRenderer: ($$temp = contentRenderer) == null ? '' : $$temp, expanded: expanded, helpText: helpText, items: items, itemsIconAlignment: itemsIconAlignment, portalElementId: portalElementId, searchable: searchable, spritemap: spritemap, useSearchableWithForm: ($$temp = useSearchableWithForm) == null ? true : $$temp }, null, opt_ijData);
     incrementalDom.elementClose('div');
@@ -180,3 +183,4 @@ }
    *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
-   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }}
@@ -220,19 +224,19 @@ */
     var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var index349Limit = maxItems && maxItems < items.length ? maxItems : items.length;
-    for (var index349 = 0; index349 < index349Limit; index349++) {
-      var item__soy351 = items[index349];
-      var variant__soy353 = '';
+    var index353Limit = maxItems && maxItems < items.length ? maxItems : items.length;
+    for (var index353 = 0; index353 < index353Limit; index353++) {
+      var item__soy355 = items[index353];
+      var variant__soy357 = '';
       var $tmp = null;
       if (contentRenderer != null && contentRenderer != '') {
         $tmp = contentRenderer;
-      } else if (item__soy351.contentRenderer != null && item__soy351.contentRenderer != '') {
-        $tmp = item__soy351.contentRenderer;
-      } else if (item__soy351.type) {
-        $tmp = item__soy351.type;
+      } else if (item__soy355.contentRenderer != null && item__soy355.contentRenderer != '') {
+        $tmp = item__soy355.contentRenderer;
+      } else if (item__soy355.type) {
+        $tmp = item__soy355.type;
       } else {
         $tmp = 'item';
       }
-      variant__soy353 += $tmp;
-      $templateAlias1({ active: item__soy351.active, checked: item__soy351.checked, contentRenderer: variant__soy353, data: item__soy351.data, disabled: item__soy351.disabled, events: { itemClicked: _handleItemClick, itemKeyDown: _handleItemKeyDown }, href: item__soy351.href, icon: item__soy351.icon, icons: item__soy351.icons, inputName: item__soy351.inputName, inputValue: item__soy351.inputValue, items: item__soy351.items, itemsIconAlignment: itemsIconAlignment, label: item__soy351.label ? '' + item__soy351.label : '', maxItems: item__soy351.maxItems, ref: 'item' + index349, separator: item__soy351.separator, spritemap: spritemap, target: item__soy351.target, title: item__soy351.title, type: item__soy351.type }, null, opt_ijData);
-      if (item__soy351.separator) {
+      variant__soy357 += $tmp;
+      $templateAlias1({ active: item__soy355.active, checked: item__soy355.checked, contentRenderer: variant__soy357, data: item__soy355.data, disabled: item__soy355.disabled, events: { itemClicked: _handleItemClick, itemKeyDown: _handleItemKeyDown }, href: item__soy355.href, icon: item__soy355.icon, icons: item__soy355.icons, inputName: item__soy355.inputName, inputValue: item__soy355.inputValue, items: item__soy355.items, itemsIconAlignment: itemsIconAlignment, label: item__soy355.label ? '' + item__soy355.label : '', maxItems: item__soy355.maxItems, ref: 'item' + index353, separator: item__soy355.separator, spritemap: spritemap, target: item__soy355.target, title: item__soy355.title, type: item__soy355.type }, null, opt_ijData);
+      if (item__soy355.separator) {
         $templateAlias1({ contentRenderer: 'separator' }, null, opt_ijData);
@@ -262,3 +266,4 @@ }
    *  spritemap: (!goog.soy.data.SanitizedContent|string),
-   *  _handleSearch: (*|null|undefined)
+   *  _handleSearch: (*|null|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }} opt_data
@@ -276,30 +281,39 @@ * @param {Object<string, *>=} opt_ijData
     var _handleSearch = opt_data._handleSearch;
-    incrementalDom.elementOpen('form');
-    incrementalDom.elementOpenStart('div');
-    incrementalDom.attr('class', 'dropdown-section');
-    incrementalDom.elementOpenEnd();
-    incrementalDom.elementOpenStart('div');
-    incrementalDom.attr('class', 'input-group input-group-sm');
-    incrementalDom.elementOpenEnd();
-    incrementalDom.elementOpenStart('div');
-    incrementalDom.attr('class', 'input-group-item');
-    incrementalDom.elementOpenEnd();
-    incrementalDom.elementOpenStart('input');
-    incrementalDom.attr('aria-label', 'Search for...');
-    incrementalDom.attr('class', 'form-control input-group-inset input-group-inset-after');
-    incrementalDom.attr('data-oninput', _handleSearch);
-    incrementalDom.attr('placeholder', 'Search for...');
-    incrementalDom.attr('type', 'text');
-    incrementalDom.attr('ref', 'searchInput');
-    incrementalDom.elementOpenEnd();
-    incrementalDom.elementClose('input');
-    incrementalDom.elementOpenStart('span');
-    incrementalDom.attr('class', 'input-group-inset-item input-group-inset-item-after');
-    incrementalDom.elementOpenEnd();
-    $templateAlias2({ icon: 'search', spritemap: spritemap, style: 'link' }, null, opt_ijData);
-    incrementalDom.elementClose('span');
-    incrementalDom.elementClose('div');
-    incrementalDom.elementClose('div');
-    incrementalDom.elementClose('div');
-    incrementalDom.elementClose('form');
+    /** @type {boolean|null|undefined} */
+    var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0, 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+    var content__soy412 = function content__soy412() {
+      incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'dropdown-section');
+      incrementalDom.elementOpenEnd();
+      incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'input-group input-group-sm');
+      incrementalDom.elementOpenEnd();
+      incrementalDom.elementOpenStart('div');
+      incrementalDom.attr('class', 'input-group-item');
+      incrementalDom.elementOpenEnd();
+      incrementalDom.elementOpenStart('input');
+      incrementalDom.attr('aria-label', 'Search for...');
+      incrementalDom.attr('class', 'form-control input-group-inset input-group-inset-after');
+      incrementalDom.attr('data-oninput', _handleSearch);
+      incrementalDom.attr('placeholder', 'Search for...');
+      incrementalDom.attr('type', 'text');
+      incrementalDom.attr('ref', 'searchInput');
+      incrementalDom.elementOpenEnd();
+      incrementalDom.elementClose('input');
+      incrementalDom.elementOpenStart('span');
+      incrementalDom.attr('class', 'input-group-inset-item input-group-inset-item-after');
+      incrementalDom.elementOpenEnd();
+      $templateAlias2({ icon: 'search', spritemap: spritemap, style: 'link' }, null, opt_ijData);
+      incrementalDom.elementClose('span');
+      incrementalDom.elementClose('div');
+      incrementalDom.elementClose('div');
+      incrementalDom.elementClose('div');
+    };
+    if (useSearchableWithForm) {
+      incrementalDom.elementOpen('form');
+      content__soy412();
+      incrementalDom.elementClose('form');
+    } else {
+      content__soy412();
+    }
   }
@@ -310,3 +324,4 @@ exports.search = $search;
    *  spritemap: (!goog.soy.data.SanitizedContent|string),
-   *  _handleSearch: (*|null|undefined)
+   *  _handleSearch: (*|null|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }}
@@ -334,3 +349,4 @@ */
    *  searchable: (boolean|null|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }} opt_data
@@ -373,4 +389,6 @@ * @param {Object<string, *>=} opt_ijData
     var spritemap = soy.asserts.assertType(opt_data.spritemap == null || goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent, 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var dropdownMenu__soy431 = function dropdownMenu__soy431() {
-      var listAttributes__soy433 = function listAttributes__soy433() {
+    /** @type {boolean|null|undefined} */
+    var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0, 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+    var dropdownMenu__soy449 = function dropdownMenu__soy449() {
+      var listAttributes__soy451 = function listAttributes__soy451() {
         incrementalDom.attr('class', 'dropdown-menu' + (itemsIconAlignment == 'left' || itemsIconAlignment == 'left-right' ? ' dropdown-menu-indicator-start' : '') + (itemsIconAlignment == 'right' || itemsIconAlignment == 'left-right' ? ' dropdown-menu-indicator-end' : '') + (expanded ? ' show' : ''));
@@ -380,3 +398,3 @@ incrementalDom.attr('ref', 'menu');
       incrementalDom.elementOpenStart('div');
-      listAttributes__soy433();
+      listAttributes__soy451();
       incrementalDom.elementOpenEnd();
@@ -394,6 +412,6 @@ if (helpText) {
       }
-      var listItemsContent__soy464 = function listItemsContent__soy464() {
+      var listItemsContent__soy483 = function listItemsContent__soy483() {
         soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
       };
-      var captionContent__soy475 = function captionContent__soy475() {
+      var captionContent__soy494 = function captionContent__soy494() {
         if (caption) {
@@ -412,5 +430,5 @@ incrementalDom.elementOpenStart('div');
         incrementalDom.elementOpenEnd();
-        listItemsContent__soy464();
+        listItemsContent__soy483();
         incrementalDom.elementClose('div');
-        captionContent__soy475();
+        captionContent__soy494();
         incrementalDom.elementOpenStart('div');
@@ -427,11 +445,11 @@ incrementalDom.attr('class', 'dropdown-section');
       } else {
-        listItemsContent__soy464();
-        captionContent__soy475();
+        listItemsContent__soy483();
+        captionContent__soy494();
       }
       incrementalDom.elementClose('div');
     };
-    var param522 = function param522() {
-      dropdownMenu__soy431();
+    var param541 = function param541() {
+      dropdownMenu__soy449();
     };
-    $templateAlias4({ content: param522, portalElement: '#' + portalElementId, ref: 'portal' }, null, opt_ijData);
+    $templateAlias4({ content: param541, portalElement: '#' + portalElementId, ref: 'portal' }, null, opt_ijData);
   }
@@ -454,3 +472,4 @@ exports.sections = $sections;
    *  searchable: (boolean|null|undefined),
-   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+   *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
+   *  useSearchableWithForm: (boolean|null|undefined)
    * }}
@@ -500,3 +519,3 @@ */
     var title = soy.asserts.assertType(opt_data.title == null || goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent, 'title', opt_data.title, '!goog.soy.data.SanitizedContent|null|string|undefined');
-    var buttonAttributes__soy540 = function buttonAttributes__soy540() {
+    var buttonAttributes__soy559 = function buttonAttributes__soy559() {
       if (expanded) {
@@ -525,3 +544,3 @@ incrementalDom.attr('aria-expanded', 'true');
     incrementalDom.elementOpenStart('button');
-    buttonAttributes__soy540();
+    buttonAttributes__soy559();
     incrementalDom.elementOpenEnd();
@@ -565,3 +584,3 @@ soyIdom.print(label);
    */
-  function __deltemplate_s593_c28eeb45(opt_data, opt_ijData, opt_ijData_deprecated) {
+  function __deltemplate_s612_c28eeb45(opt_data, opt_ijData, opt_ijData_deprecated) {
     opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -589,3 +608,3 @@ opt_data = opt_data || {};
   }
-  exports.__deltemplate_s593_c28eeb45 = __deltemplate_s593_c28eeb45;
+  exports.__deltemplate_s612_c28eeb45 = __deltemplate_s612_c28eeb45;
   /**
@@ -602,16 +621,16 @@ * @typedef {{
    */
-  __deltemplate_s593_c28eeb45.Params;
+  __deltemplate_s612_c28eeb45.Params;
   if (goog.DEBUG) {
-    __deltemplate_s593_c28eeb45.soyTemplateName = 'ClayDropdownBase.__deltemplate_s593_c28eeb45';
+    __deltemplate_s612_c28eeb45.soyTemplateName = 'ClayDropdownBase.__deltemplate_s612_c28eeb45';
   }
-  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), '', 0, __deltemplate_s593_c28eeb45);
+  soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), '', 0, __deltemplate_s612_c28eeb45);
 
-  exports.render.params = ["items", "label", "_handleButtonClick", "_handleItemClick", "_handleItemKeyDown", "_handleSearch", "_handleTriggerKeyDown", "button", "caption", "contentRenderer", "disabled", "elementClasses", "expanded", "helpText", "id", "itemsIconAlignment", "portalElementId", "searchable", "spritemap", "style", "triggerAriaLabel", "triggerClasses", "triggerSize", "triggerTitle"];
-  exports.render.types = { "items": "list<?>", "label": "html|string", "_handleButtonClick": "any", "_handleItemClick": "any", "_handleItemKeyDown": "any", "_handleSearch": "any", "_handleTriggerKeyDown": "any", "button": "?", "caption": "string", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "expanded": "bool", "helpText": "string", "id": "string", "itemsIconAlignment": "string", "portalElementId": "string", "searchable": "bool", "spritemap": "string", "style": "string", "triggerAriaLabel": "string", "triggerClasses": "string", "triggerSize": "string", "triggerTitle": "string" };
+  exports.render.params = ["items", "label", "_handleButtonClick", "_handleItemClick", "_handleItemKeyDown", "_handleSearch", "_handleTriggerKeyDown", "button", "caption", "contentRenderer", "disabled", "elementClasses", "expanded", "helpText", "id", "itemsIconAlignment", "portalElementId", "searchable", "spritemap", "style", "triggerAriaLabel", "triggerClasses", "triggerSize", "triggerTitle", "useSearchableWithForm"];
+  exports.render.types = { "items": "list<?>", "label": "html|string", "_handleButtonClick": "any", "_handleItemClick": "any", "_handleItemKeyDown": "any", "_handleSearch": "any", "_handleTriggerKeyDown": "any", "button": "?", "caption": "string", "contentRenderer": "string", "disabled": "bool", "elementClasses": "string", "expanded": "bool", "helpText": "string", "id": "string", "itemsIconAlignment": "string", "portalElementId": "string", "searchable": "bool", "spritemap": "string", "style": "string", "triggerAriaLabel": "string", "triggerClasses": "string", "triggerSize": "string", "triggerTitle": "string", "useSearchableWithForm": "bool" };
   exports.items.params = ["items", "_handleItemClick", "_handleItemKeyDown", "contentRenderer", "itemsIconAlignment", "maxItems", "spritemap"];
   exports.items.types = { "items": "list<?>", "_handleItemClick": "any", "_handleItemKeyDown": "any", "contentRenderer": "string", "itemsIconAlignment": "string", "maxItems": "int", "spritemap": "string" };
-  exports.search.params = ["spritemap", "_handleSearch"];
-  exports.search.types = { "spritemap": "string", "_handleSearch": "any" };
-  exports.sections.params = ["items", "_handleButtonClick", "_handleItemClick", "_handleItemKeyDown", "_handleSearch", "button", "caption", "contentRenderer", "expanded", "helpText", "itemsIconAlignment", "portalElementId", "searchable", "spritemap"];
-  exports.sections.types = { "items": "list<?>", "_handleButtonClick": "any", "_handleItemClick": "any", "_handleItemKeyDown": "any", "_handleSearch": "any", "button": "?", "caption": "string", "contentRenderer": "string", "expanded": "bool", "helpText": "string", "itemsIconAlignment": "string", "portalElementId": "string", "searchable": "bool", "spritemap": "string" };
+  exports.search.params = ["spritemap", "_handleSearch", "useSearchableWithForm"];
+  exports.search.types = { "spritemap": "string", "_handleSearch": "any", "useSearchableWithForm": "bool" };
+  exports.sections.params = ["items", "_handleButtonClick", "_handleItemClick", "_handleItemKeyDown", "_handleSearch", "button", "caption", "contentRenderer", "expanded", "helpText", "itemsIconAlignment", "portalElementId", "searchable", "spritemap", "useSearchableWithForm"];
+  exports.sections.types = { "items": "list<?>", "_handleButtonClick": "any", "_handleItemClick": "any", "_handleItemKeyDown": "any", "_handleSearch": "any", "button": "?", "caption": "string", "contentRenderer": "string", "expanded": "bool", "helpText": "string", "itemsIconAlignment": "string", "portalElementId": "string", "searchable": "bool", "spritemap": "string", "useSearchableWithForm": "bool" };
   exports.trigger.params = ["label", "_handleTriggerKeyDown", "ariaLabel", "classes", "disabled", "expanded", "size", "style", "title"];
@@ -618,0 +637,0 @@ exports.trigger.types = { "label": "html|string", "_handleTriggerKeyDown": "any", "ariaLabel": "string", "classes": "string", "disabled": "bool", "expanded": "bool", "size": "string", "style": "string", "title": "string" };

package.json

 {
   "name": "clay-dropdown",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "description": "Clay Dropdown Component",
@@ -31,9 +31,9 @@ "license": "BSD-3-Clause",
   "dependencies": {
-    "clay-button": "^2.16.1",
-    "clay-checkbox": "^2.16.1",
-    "clay-component": "^2.16.1",
-    "clay-icon": "^2.16.1",
-    "clay-link": "^2.16.1",
-    "clay-portal": "^2.16.1",
-    "clay-radio": "^2.16.1",
+    "clay-button": "^2.16.2",
+    "clay-checkbox": "^2.16.2",
+    "clay-component": "^2.16.2",
+    "clay-icon": "^2.16.2",
+    "clay-link": "^2.16.2",
+    "clay-portal": "^2.16.2",
+    "clay-radio": "^2.16.2",
     "metal": "^2.16.0",
@@ -54,8 +54,8 @@ "metal-component": "^2.16.0",
     "babel-preset-env": "^1.6.0",
-    "browserslist-config-clay": "^2.16.1",
-    "clay-css": "^2.16.1",
+    "browserslist-config-clay": "^2.16.2",
+    "clay-css": "^2.16.2",
     "metal-dom": "^2.13.2",
     "metal-tools-soy": "^4.3.2",
     "webpack": "^3.0.0",
-    "webpack-config-clay": "^2.16.1"
+    "webpack-config-clay": "^2.16.2"
   },
@@ -65,3 +65,3 @@ "browserslist": [
   ],
-  "gitHead": "d5b84cb7fcab414e0e3c7cc5927cb34171cd1266"
+  "gitHead": "28806caf1dde42baf055ae40d6a213912ad17a5d"
 }

src/__tests__/ClayDropdownBase.js

@@ -639,2 +639,23 @@ import {Align} from 'metal-position';
 
+	it('should render a searchable dropdown without form tag', () => {
+		clayDropdownBase = new ClayDropdownBase({
+			items: [
+				{
+					href: 'item1url',
+					label: 'Item 1',
+				},
+				{
+					href: 'item2url',
+					label: 'Item 2',
+				},
+			],
+			label: 'Trigger',
+			searchable: true,
+			spritemap: 'icons.svg',
+			useSearchableWithForm: false,
+		});
+
+		expect(clayDropdownBase).toMatchSnapshot();
+	});
+
 	it('should open dropdown', () => {
@@ -641,0 +662,0 @@ clayDropdownBase = new ClayDropdownBase({

src/ClayActionsDropdown.soy.js

@@ -99,7 +99,7 @@ /* jshint ignore:start */
   } else {
-    var msg_2421__soy2422 = '';
+    var msg_2439__soy2440 = '';
     /** @desc  */
     var MSG_EXTERNAL_6305962755687847469 = goog.getMsg('actions');
-    msg_2421__soy2422 += MSG_EXTERNAL_6305962755687847469;
-    param54 += msg_2421__soy2422;
+    msg_2439__soy2440 += MSG_EXTERNAL_6305962755687847469;
+    param54 += msg_2439__soy2440;
   }
@@ -106,0 +106,0 @@ $templateAlias2({button: button, caption: caption, disabled: disabled, elementClasses: dropdownElementClasses__soy21, events: {buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle}, expanded: expanded, helpText: helpText, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy30, preferredAlign: preferredAlign, ref: 'dropdown', spritemap: spritemap, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerTitle: param54}, null, opt_ijData);

src/ClayCreationMenuDropdown.soy.js

@@ -99,6 +99,6 @@ /* jshint ignore:start */
   var viewMoreURL = soy.asserts.assertType(opt_data.viewMoreURL == null || (goog.isString(opt_data.viewMoreURL) || opt_data.viewMoreURL instanceof goog.soy.data.SanitizedContent), 'viewMoreURL', opt_data.viewMoreURL, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var msg_2424__soy2425 = '';
+  var msg_2442__soy2443 = '';
   /** @desc  */
   var MSG_EXTERNAL_7011425206383801543 = goog.getMsg('more');
-  msg_2424__soy2425 += MSG_EXTERNAL_7011425206383801543;
+  msg_2442__soy2443 += MSG_EXTERNAL_7011425206383801543;
   var secondaryItemsFirstGroup__soy93 = (secondaryItems != null) ? ((secondaryItems[0] != null) ? secondaryItems[0] : null) : null;
@@ -121,3 +121,3 @@ var secondaryItemsSecondGroup__soy95 = (secondaryItems != null) ? ((secondaryItems[1] != null) ? secondaryItems[1] : null) : null;
   var textMore__soy125 = '';
-  textMore__soy125 += msg_2424__soy2425;
+  textMore__soy125 += msg_2442__soy2443;
   var showMoreButton__soy133 = showingItems__soy115 < totalItems__soy105 ? ((viewMoreURL != null) ? {buttonStyle: 'secondary', href: viewMoreURL, label: textMore__soy125} : {label: textMore__soy125, style: 'secondary'}) : null;
@@ -129,7 +129,7 @@ var trigger__soy135 = function() {
   if (showMoreButton__soy133) {
-    var msg_2427__soy2428 = '';
+    var msg_2445__soy2446 = '';
     /** @desc Says how many items of the total are being showed */
     var MSG_EXTERNAL_8004490453579465583 = goog.getMsg('showing-{$showingItems}-of-{$totalItems}-elements', {'showingItems': showingItems__soy115, 'totalItems': totalItems__soy105});
-    msg_2427__soy2428 += MSG_EXTERNAL_8004490453579465583;
-    param144 += msg_2427__soy2428;
+    msg_2445__soy2446 += MSG_EXTERNAL_8004490453579465583;
+    param144 += msg_2445__soy2446;
   }
@@ -140,7 +140,7 @@ var param176 = '';
   } else {
-    var msg_2430__soy2431 = '';
+    var msg_2448__soy2449 = '';
     /** @desc  */
     var MSG_EXTERNAL_7387635272539030076 = goog.getMsg('new');
-    msg_2430__soy2431 += MSG_EXTERNAL_7387635272539030076;
-    param176 += msg_2430__soy2431;
+    msg_2448__soy2449 += MSG_EXTERNAL_7387635272539030076;
+    param176 += msg_2448__soy2449;
   }
@@ -147,0 +147,0 @@ $templateAlias2({button: showMoreButton__soy133, caption: param144, disabled: disabled, elementClasses: elementClasses, events: {buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle}, expanded: expanded, helpText: showMoreButton__soy133 ? helpText : null, id: id, items: items__soy123, itemsIconAlignment: itemsIconAlignment, label: trigger__soy135, preferredAlign: preferredAlign, ref: 'dropdown', spritemap: spritemap, style: 'primary', triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerTitle: param176}, null, opt_ijData);

src/ClayDropdown.js

@@ -272,2 +272,12 @@ import 'clay-icon';
 	triggerSize: Config.oneOf(['sm']),
+
+	/**
+	 * Flag to indicate whether the search element will be wrapped
+	 * with `<form />` tag.
+	 * @default true
+	 * @instance
+	 * @memberof ClayDropdown
+	 * @type {?bool}
+	 */
+	useSearchableWithForm: Config.bool().value(true),
 };
@@ -274,0 +284,0 @@

src/ClayDropdown.soy.js

@@ -51,3 +51,4 @@ /* jshint ignore:start */
  *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }} opt_data
@@ -105,3 +106,5 @@ * @param {Object<string, *>=} opt_ijData
   var triggerTitle = soy.asserts.assertType(opt_data.triggerTitle == null || (goog.isString(opt_data.triggerTitle) || opt_data.triggerTitle instanceof goog.soy.data.SanitizedContent), 'triggerTitle', opt_data.triggerTitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var trigger__soy217 = function() {
+  /** @type {boolean|null|undefined} */
+  var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || (goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0), 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+  var trigger__soy218 = function() {
     if (icon) {
@@ -117,3 +120,3 @@ $templateAlias1({elementClasses: label ? 'inline-item inline-item-before' : '', spritemap: spritemap, symbol: icon}, null, opt_ijData);
   };
-  $templateAlias2({button: button, contentRenderer: contentRenderer, disabled: disabled, elementClasses: elementClasses, events: {buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle}, expanded: expanded, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy217, preferredAlign: preferredAlign, ref: 'dropdown', searchable: searchable, spritemap: spritemap, style: style, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerSize: triggerSize, triggerTitle: triggerTitle}, null, opt_ijData);
+  $templateAlias2({button: button, contentRenderer: contentRenderer, disabled: disabled, elementClasses: elementClasses, events: {buttonClicked: _handleButtonClick, itemClicked: _handleItemClick, toggle: toggle}, expanded: expanded, id: id, items: items, itemsIconAlignment: itemsIconAlignment, label: trigger__soy218, preferredAlign: preferredAlign, ref: 'dropdown', searchable: searchable, spritemap: spritemap, style: style, triggerAriaLabel: triggerAriaLabel, triggerClasses: triggerClasses, triggerSize: triggerSize, triggerTitle: triggerTitle, useSearchableWithForm: useSearchableWithForm}, null, opt_ijData);
 }
@@ -144,3 +147,4 @@ exports.render = $render;
  *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }}
@@ -153,4 +157,4 @@ */
 
-exports.render.params = ["items","spritemap","_handleButtonClick","_handleItemClick","button","contentRenderer","disabled","elementClasses","expanded","icon","id","itemsIconAlignment","label","preferredAlign","searchable","showToggleIcon","style","toggle","triggerAriaLabel","triggerClasses","triggerSize","triggerTitle"];
-exports.render.types = {"items":"list<?>","spritemap":"string","_handleButtonClick":"any","_handleItemClick":"any","button":"?","contentRenderer":"string","disabled":"bool","elementClasses":"string","expanded":"bool","icon":"string","id":"string","itemsIconAlignment":"string","label":"html|string","preferredAlign":"string","searchable":"bool","showToggleIcon":"bool","style":"string","toggle":"any","triggerAriaLabel":"string","triggerClasses":"string","triggerSize":"string","triggerTitle":"string"};
+exports.render.params = ["items","spritemap","_handleButtonClick","_handleItemClick","button","contentRenderer","disabled","elementClasses","expanded","icon","id","itemsIconAlignment","label","preferredAlign","searchable","showToggleIcon","style","toggle","triggerAriaLabel","triggerClasses","triggerSize","triggerTitle","useSearchableWithForm"];
+exports.render.types = {"items":"list<?>","spritemap":"string","_handleButtonClick":"any","_handleItemClick":"any","button":"?","contentRenderer":"string","disabled":"bool","elementClasses":"string","expanded":"bool","icon":"string","id":"string","itemsIconAlignment":"string","label":"html|string","preferredAlign":"string","searchable":"bool","showToggleIcon":"bool","style":"string","toggle":"any","triggerAriaLabel":"string","triggerClasses":"string","triggerSize":"string","triggerTitle":"string","useSearchableWithForm":"bool"};
 templates = exports;
@@ -157,0 +161,0 @@ return exports;

src/ClayDropdownBase.js

@@ -715,2 +715,12 @@ import 'clay-button';
 	triggerTitle: Config.string(),
+
+	/**
+	 * Flag to indicate whether the search element will be wrapped
+	 * with `<form />` tag.
+	 * @default true
+	 * @instance
+	 * @memberof ClayDropdownBase
+	 * @type {?bool}
+	 */
+	useSearchableWithForm: Config.bool().value(true),
 };
@@ -717,0 +727,0 @@

src/ClayDropdownBase.soy.js

@@ -61,3 +61,4 @@ /* jshint ignore:start */
  *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }} opt_data
@@ -120,3 +121,5 @@ * @param {Object<string, *>=} opt_ijData
   var triggerTitle = soy.asserts.assertType(opt_data.triggerTitle == null || (goog.isString(opt_data.triggerTitle) || opt_data.triggerTitle instanceof goog.soy.data.SanitizedContent), 'triggerTitle', opt_data.triggerTitle, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var attributes__soy292 = function() {
+  /** @type {boolean|null|undefined} */
+  var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || (goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0), 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+  var attributes__soy295 = function() {
     incrementalDom.attr('class', 'dropdown' + (elementClasses ? ' ' + elementClasses : '') + (expanded ? ' show' : ''));
@@ -128,6 +131,6 @@ if (id) {
   incrementalDom.elementOpenStart('div');
-      attributes__soy292();
+      attributes__soy295();
   incrementalDom.elementOpenEnd();
     $trigger({_handleTriggerKeyDown: _handleTriggerKeyDown, ariaLabel: triggerAriaLabel, classes: triggerClasses, disabled: disabled, expanded: expanded, label: label, size: triggerSize, style: style, title: triggerTitle}, null, opt_ijData);
-    $sections({_handleButtonClick: _handleButtonClick, _handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, _handleSearch: _handleSearch, button: button, caption: caption, contentRenderer: ($$temp = contentRenderer) == null ? '' : $$temp, expanded: expanded, helpText: helpText, items: items, itemsIconAlignment: itemsIconAlignment, portalElementId: portalElementId, searchable: searchable, spritemap: spritemap}, null, opt_ijData);
+    $sections({_handleButtonClick: _handleButtonClick, _handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, _handleSearch: _handleSearch, button: button, caption: caption, contentRenderer: ($$temp = contentRenderer) == null ? '' : $$temp, expanded: expanded, helpText: helpText, items: items, itemsIconAlignment: itemsIconAlignment, portalElementId: portalElementId, searchable: searchable, spritemap: spritemap, useSearchableWithForm: ($$temp = useSearchableWithForm) == null ? true : $$temp}, null, opt_ijData);
   incrementalDom.elementClose('div');
@@ -161,3 +164,4 @@ }
  *  triggerSize: (!goog.soy.data.SanitizedContent|null|string|undefined),
- *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  triggerTitle: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }}
@@ -202,19 +206,19 @@ */
   var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var index349Limit = maxItems && maxItems < (items.length) ? maxItems : (items.length);
-  for (var index349 = 0; index349 < index349Limit; index349++) {
-    var item__soy351 = items[index349];
-    var variant__soy353 = '';
+  var index353Limit = maxItems && maxItems < (items.length) ? maxItems : (items.length);
+  for (var index353 = 0; index353 < index353Limit; index353++) {
+    var item__soy355 = items[index353];
+    var variant__soy357 = '';
     var $tmp = null;
 if ((contentRenderer != null) && contentRenderer != '') {
   $tmp = contentRenderer;
-} else if ((item__soy351.contentRenderer != null) && item__soy351.contentRenderer != '') {
-  $tmp = item__soy351.contentRenderer;
-} else if (item__soy351.type) {
-  $tmp = item__soy351.type;
+} else if ((item__soy355.contentRenderer != null) && item__soy355.contentRenderer != '') {
+  $tmp = item__soy355.contentRenderer;
+} else if (item__soy355.type) {
+  $tmp = item__soy355.type;
 } else {
   $tmp = 'item';
 }
-variant__soy353 += $tmp;
-    $templateAlias1({active: item__soy351.active, checked: item__soy351.checked, contentRenderer: variant__soy353, data: item__soy351.data, disabled: item__soy351.disabled, events: {itemClicked: _handleItemClick, itemKeyDown: _handleItemKeyDown}, href: item__soy351.href, icon: item__soy351.icon, icons: item__soy351.icons, inputName: item__soy351.inputName, inputValue: item__soy351.inputValue, items: item__soy351.items, itemsIconAlignment: itemsIconAlignment, label: item__soy351.label ? '' + item__soy351.label : '', maxItems: item__soy351.maxItems, ref: 'item' + index349, separator: item__soy351.separator, spritemap: spritemap, target: item__soy351.target, title: item__soy351.title, type: item__soy351.type}, null, opt_ijData);
-    if (item__soy351.separator) {
+variant__soy357 += $tmp;
+    $templateAlias1({active: item__soy355.active, checked: item__soy355.checked, contentRenderer: variant__soy357, data: item__soy355.data, disabled: item__soy355.disabled, events: {itemClicked: _handleItemClick, itemKeyDown: _handleItemKeyDown}, href: item__soy355.href, icon: item__soy355.icon, icons: item__soy355.icons, inputName: item__soy355.inputName, inputValue: item__soy355.inputValue, items: item__soy355.items, itemsIconAlignment: itemsIconAlignment, label: item__soy355.label ? '' + item__soy355.label : '', maxItems: item__soy355.maxItems, ref: 'item' + index353, separator: item__soy355.separator, spritemap: spritemap, target: item__soy355.target, title: item__soy355.title, type: item__soy355.type}, null, opt_ijData);
+    if (item__soy355.separator) {
       $templateAlias1({contentRenderer: 'separator'}, null, opt_ijData);
@@ -245,3 +249,4 @@ }
  *  spritemap: (!goog.soy.data.SanitizedContent|string),
- *  _handleSearch: (*|null|undefined)
+ *  _handleSearch: (*|null|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }} opt_data
@@ -259,3 +264,5 @@ * @param {Object<string, *>=} opt_ijData
   var _handleSearch = opt_data._handleSearch;
-  incrementalDom.elementOpen('form');
+  /** @type {boolean|null|undefined} */
+  var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || (goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0), 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+  var content__soy412 = function() {
     incrementalDom.elementOpenStart('div');
@@ -287,3 +294,10 @@ incrementalDom.attr('class', 'dropdown-section');
     incrementalDom.elementClose('div');
-  incrementalDom.elementClose('form');
+  };
+  if (useSearchableWithForm) {
+    incrementalDom.elementOpen('form');
+      content__soy412();
+    incrementalDom.elementClose('form');
+  } else {
+    content__soy412();
+  }
 }
@@ -294,3 +308,4 @@ exports.search = $search;
  *  spritemap: (!goog.soy.data.SanitizedContent|string),
- *  _handleSearch: (*|null|undefined)
+ *  _handleSearch: (*|null|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }}
@@ -319,3 +334,4 @@ */
  *  searchable: (boolean|null|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }} opt_data
@@ -358,4 +374,6 @@ * @param {Object<string, *>=} opt_ijData
   var spritemap = soy.asserts.assertType(opt_data.spritemap == null || (goog.isString(opt_data.spritemap) || opt_data.spritemap instanceof goog.soy.data.SanitizedContent), 'spritemap', opt_data.spritemap, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var dropdownMenu__soy431 = function() {
-    var listAttributes__soy433 = function() {
+  /** @type {boolean|null|undefined} */
+  var useSearchableWithForm = soy.asserts.assertType(opt_data.useSearchableWithForm == null || (goog.isBoolean(opt_data.useSearchableWithForm) || opt_data.useSearchableWithForm === 1 || opt_data.useSearchableWithForm === 0), 'useSearchableWithForm', opt_data.useSearchableWithForm, 'boolean|null|undefined');
+  var dropdownMenu__soy449 = function() {
+    var listAttributes__soy451 = function() {
       incrementalDom.attr('class', 'dropdown-menu' + (itemsIconAlignment == 'left' || itemsIconAlignment == 'left-right' ? ' dropdown-menu-indicator-start' : '') + (itemsIconAlignment == 'right' || itemsIconAlignment == 'left-right' ? ' dropdown-menu-indicator-end' : '') + (expanded ? ' show' : ''));
@@ -365,3 +383,3 @@ incrementalDom.attr('ref', 'menu');
     incrementalDom.elementOpenStart('div');
-        listAttributes__soy433();
+        listAttributes__soy451();
     incrementalDom.elementOpenEnd();
@@ -379,6 +397,6 @@ if (helpText) {
       }
-      var listItemsContent__soy464 = function() {
+      var listItemsContent__soy483 = function() {
         soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), contentRenderer, false)(opt_data, null, opt_ijData);
       };
-      var captionContent__soy475 = function() {
+      var captionContent__soy494 = function() {
         if (caption) {
@@ -397,5 +415,5 @@ incrementalDom.elementOpenStart('div');
           incrementalDom.elementOpenEnd();
-            listItemsContent__soy464();
+            listItemsContent__soy483();
           incrementalDom.elementClose('div');
-          captionContent__soy475();
+          captionContent__soy494();
           incrementalDom.elementOpenStart('div');
@@ -412,11 +430,11 @@ incrementalDom.attr('class', 'dropdown-section');
       } else {
-        listItemsContent__soy464();
-        captionContent__soy475();
+        listItemsContent__soy483();
+        captionContent__soy494();
       }
     incrementalDom.elementClose('div');
   };
-  var param522 = function() {
-    dropdownMenu__soy431();
+  var param541 = function() {
+    dropdownMenu__soy449();
   };
-  $templateAlias4({content: param522, portalElement: '#' + portalElementId, ref: 'portal'}, null, opt_ijData);
+  $templateAlias4({content: param541, portalElement: '#' + portalElementId, ref: 'portal'}, null, opt_ijData);
 }
@@ -439,3 +457,4 @@ exports.sections = $sections;
  *  searchable: (boolean|null|undefined),
- *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined)
+ *  spritemap: (!goog.soy.data.SanitizedContent|null|string|undefined),
+ *  useSearchableWithForm: (boolean|null|undefined)
  * }}
@@ -486,3 +505,3 @@ */
   var title = soy.asserts.assertType(opt_data.title == null || (goog.isString(opt_data.title) || opt_data.title instanceof goog.soy.data.SanitizedContent), 'title', opt_data.title, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var buttonAttributes__soy540 = function() {
+  var buttonAttributes__soy559 = function() {
     if (expanded) {
@@ -511,3 +530,3 @@ incrementalDom.attr('aria-expanded', 'true');
   incrementalDom.elementOpenStart('button');
-      buttonAttributes__soy540();
+      buttonAttributes__soy559();
   incrementalDom.elementOpenEnd();
@@ -552,3 +571,3 @@ soyIdom.print(label);
  */
-function __deltemplate_s593_c28eeb45(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s612_c28eeb45(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -576,3 +595,3 @@ opt_data = opt_data || {};
 }
-exports.__deltemplate_s593_c28eeb45 = __deltemplate_s593_c28eeb45;
+exports.__deltemplate_s612_c28eeb45 = __deltemplate_s612_c28eeb45;
 /**
@@ -589,16 +608,16 @@ * @typedef {{
  */
-__deltemplate_s593_c28eeb45.Params;
+__deltemplate_s612_c28eeb45.Params;
 if (goog.DEBUG) {
-  __deltemplate_s593_c28eeb45.soyTemplateName = 'ClayDropdownBase.__deltemplate_s593_c28eeb45';
+  __deltemplate_s612_c28eeb45.soyTemplateName = 'ClayDropdownBase.__deltemplate_s612_c28eeb45';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), '', 0, __deltemplate_s593_c28eeb45);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownBase.Content.idom'), '', 0, __deltemplate_s612_c28eeb45);
 
-exports.render.params = ["items","label","_handleButtonClick","_handleItemClick","_handleItemKeyDown","_handleSearch","_handleTriggerKeyDown","button","caption","contentRenderer","disabled","elementClasses","expanded","helpText","id","itemsIconAlignment","portalElementId","searchable","spritemap","style","triggerAriaLabel","triggerClasses","triggerSize","triggerTitle"];
-exports.render.types = {"items":"list<?>","label":"html|string","_handleButtonClick":"any","_handleItemClick":"any","_handleItemKeyDown":"any","_handleSearch":"any","_handleTriggerKeyDown":"any","button":"?","caption":"string","contentRenderer":"string","disabled":"bool","elementClasses":"string","expanded":"bool","helpText":"string","id":"string","itemsIconAlignment":"string","portalElementId":"string","searchable":"bool","spritemap":"string","style":"string","triggerAriaLabel":"string","triggerClasses":"string","triggerSize":"string","triggerTitle":"string"};
+exports.render.params = ["items","label","_handleButtonClick","_handleItemClick","_handleItemKeyDown","_handleSearch","_handleTriggerKeyDown","button","caption","contentRenderer","disabled","elementClasses","expanded","helpText","id","itemsIconAlignment","portalElementId","searchable","spritemap","style","triggerAriaLabel","triggerClasses","triggerSize","triggerTitle","useSearchableWithForm"];
+exports.render.types = {"items":"list<?>","label":"html|string","_handleButtonClick":"any","_handleItemClick":"any","_handleItemKeyDown":"any","_handleSearch":"any","_handleTriggerKeyDown":"any","button":"?","caption":"string","contentRenderer":"string","disabled":"bool","elementClasses":"string","expanded":"bool","helpText":"string","id":"string","itemsIconAlignment":"string","portalElementId":"string","searchable":"bool","spritemap":"string","style":"string","triggerAriaLabel":"string","triggerClasses":"string","triggerSize":"string","triggerTitle":"string","useSearchableWithForm":"bool"};
 exports.items.params = ["items","_handleItemClick","_handleItemKeyDown","contentRenderer","itemsIconAlignment","maxItems","spritemap"];
 exports.items.types = {"items":"list<?>","_handleItemClick":"any","_handleItemKeyDown":"any","contentRenderer":"string","itemsIconAlignment":"string","maxItems":"int","spritemap":"string"};
-exports.search.params = ["spritemap","_handleSearch"];
-exports.search.types = {"spritemap":"string","_handleSearch":"any"};
-exports.sections.params = ["items","_handleButtonClick","_handleItemClick","_handleItemKeyDown","_handleSearch","button","caption","contentRenderer","expanded","helpText","itemsIconAlignment","portalElementId","searchable","spritemap"];
-exports.sections.types = {"items":"list<?>","_handleButtonClick":"any","_handleItemClick":"any","_handleItemKeyDown":"any","_handleSearch":"any","button":"?","caption":"string","contentRenderer":"string","expanded":"bool","helpText":"string","itemsIconAlignment":"string","portalElementId":"string","searchable":"bool","spritemap":"string"};
+exports.search.params = ["spritemap","_handleSearch","useSearchableWithForm"];
+exports.search.types = {"spritemap":"string","_handleSearch":"any","useSearchableWithForm":"bool"};
+exports.sections.params = ["items","_handleButtonClick","_handleItemClick","_handleItemKeyDown","_handleSearch","button","caption","contentRenderer","expanded","helpText","itemsIconAlignment","portalElementId","searchable","spritemap","useSearchableWithForm"];
+exports.sections.types = {"items":"list<?>","_handleButtonClick":"any","_handleItemClick":"any","_handleItemKeyDown":"any","_handleSearch":"any","button":"?","caption":"string","contentRenderer":"string","expanded":"bool","helpText":"string","itemsIconAlignment":"string","portalElementId":"string","searchable":"bool","spritemap":"string","useSearchableWithForm":"bool"};
 exports.trigger.params = ["label","_handleTriggerKeyDown","ariaLabel","classes","disabled","expanded","size","style","title"];
@@ -605,0 +624,0 @@ exports.trigger.types = {"label":"html|string","_handleTriggerKeyDown":"any","ariaLabel":"string","classes":"string","disabled":"bool","expanded":"bool","size":"string","style":"string","title":"string"};

src/ClayDropdownItem.soy.js

@@ -112,4 +112,4 @@ /* jshint ignore:start */
   var type = soy.asserts.assertType(opt_data.type == null || (goog.isString(opt_data.type) || opt_data.type instanceof goog.soy.data.SanitizedContent), 'type', opt_data.type, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var variant__soy822 = ($$temp = contentRenderer) == null ? 'item' : $$temp;
-  soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), variant__soy822, false)({_handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, active: active, checked: checked, disabled: disabled, href: href, icon: icon, icons: icons, inputName: inputName, inputValue: inputValue, items: items, itemsIconAlignment: itemsIconAlignment, label: label ? '' + label : '', maxItems: maxItems, separator: separator, spritemap: spritemap, target: target, title: title, type: type}, null, opt_ijData);
+  var variant__soy841 = ($$temp = contentRenderer) == null ? 'item' : $$temp;
+  soy.$$getDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), variant__soy841, false)({_handleItemClick: _handleItemClick, _handleItemKeyDown: _handleItemKeyDown, active: active, checked: checked, disabled: disabled, href: href, icon: icon, icons: icons, inputName: inputName, inputValue: inputValue, items: items, itemsIconAlignment: itemsIconAlignment, label: label ? '' + label : '', maxItems: maxItems, separator: separator, spritemap: spritemap, target: target, title: title, type: type}, null, opt_ijData);
 }
@@ -174,3 +174,3 @@ exports.render = $render;
  */
-function __deltemplate_s845_3e6ffd21(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s864_3e6ffd21(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -215,11 +215,11 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
   var type = soy.asserts.assertType(opt_data.type == null || (goog.isString(opt_data.type) || opt_data.type instanceof goog.soy.data.SanitizedContent), 'type', opt_data.type, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var itemContent__soy866 = function() {
-    var elementClasses__soy868 = '';
-    elementClasses__soy868 += 'dropdown-item';
-    elementClasses__soy868 += active ? ' active' : '';
-    elementClasses__soy868 += disabled ? ' disabled' : '';
-    var labelContent__soy879 = function() {
-      var iconContent__soy881 = function() {
+  var itemContent__soy885 = function() {
+    var elementClasses__soy887 = '';
+    elementClasses__soy887 += 'dropdown-item';
+    elementClasses__soy887 += active ? ' active' : '';
+    elementClasses__soy887 += disabled ? ' disabled' : '';
+    var labelContent__soy898 = function() {
+      var iconContent__soy900 = function() {
         if (icon && spritemap) {
-          var classes__soy886 = '';
+          var classes__soy905 = '';
           var $tmp = null;
@@ -233,5 +233,5 @@ if (itemsIconAlignment == 'left') {
 }
-classes__soy886 += $tmp;
+classes__soy905 += $tmp;
           incrementalDom.elementOpenStart('span');
-              incrementalDom.attr('class', classes__soy886);
+              incrementalDom.attr('class', classes__soy905);
           incrementalDom.elementOpenEnd();
@@ -250,3 +250,3 @@ $templateAlias1({spritemap: spritemap, symbol: icon}, null, opt_ijData);
         if (icon && itemsIconAlignment == 'left') {
-          iconContent__soy881();
+          iconContent__soy900();
         }
@@ -263,3 +263,3 @@ }
         if (icon && itemsIconAlignment == 'right') {
-          iconContent__soy881();
+          iconContent__soy900();
         }
@@ -277,8 +277,8 @@ }
       }
-      $templateAlias2({elementClasses: elementClasses__soy868, href: '' + $tmp$$1, label: labelContent__soy879, target: target, title: title}, null, opt_ijData);
+      $templateAlias2({elementClasses: elementClasses__soy887, href: '' + $tmp$$1, label: labelContent__soy898, target: target, title: title}, null, opt_ijData);
     } else {
-      $templateAlias3({ariaLabel: label, disabled: disabled, elementClasses: elementClasses__soy868, label: labelContent__soy879, size: 'sm', spritemap: spritemap, style: 'link'}, null, opt_ijData);
+      $templateAlias3({ariaLabel: label, disabled: disabled, elementClasses: elementClasses__soy887, label: labelContent__soy898, size: 'sm', spritemap: spritemap, style: 'link'}, null, opt_ijData);
     }
   };
-  var itemAttributes__soy970 = function() {
+  var itemAttributes__soy989 = function() {
     if (!disabled) {
@@ -291,8 +291,8 @@ incrementalDom.attr('data-onclick', _handleItemClick);
   incrementalDom.elementOpenStart('li');
-      itemAttributes__soy970();
+      itemAttributes__soy989();
   incrementalDom.elementOpenEnd();
-    itemContent__soy866();
+    itemContent__soy885();
   incrementalDom.elementClose('li');
 }
-exports.__deltemplate_s845_3e6ffd21 = __deltemplate_s845_3e6ffd21;
+exports.__deltemplate_s864_3e6ffd21 = __deltemplate_s864_3e6ffd21;
 /**
@@ -321,7 +321,7 @@ * @typedef {{
  */
-__deltemplate_s845_3e6ffd21.Params;
+__deltemplate_s864_3e6ffd21.Params;
 if (goog.DEBUG) {
-  __deltemplate_s845_3e6ffd21.soyTemplateName = 'ClayDropdownItem.__deltemplate_s845_3e6ffd21';
+  __deltemplate_s864_3e6ffd21.soyTemplateName = 'ClayDropdownItem.__deltemplate_s864_3e6ffd21';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), '', 0, __deltemplate_s845_3e6ffd21);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), '', 0, __deltemplate_s864_3e6ffd21);
 
@@ -356,3 +356,3 @@
  */
-function __deltemplate_s985_27296c4e(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s1004_27296c4e(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -397,6 +397,6 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
   var type = soy.asserts.assertType(opt_data.type == null || (goog.isString(opt_data.type) || opt_data.type instanceof goog.soy.data.SanitizedContent), 'type', opt_data.type, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var checkbox__soy1006 = function() {
+  var checkbox__soy1025 = function() {
     $templateAlias4({checked: checked, disabled: disabled, inline: true, label: label, name: inputName, value: inputValue}, null, opt_ijData);
   };
-  var itemAttributes__soy1017 = function() {
+  var itemAttributes__soy1036 = function() {
     incrementalDom.attr('class', 'dropdown-item' + (active || checked ? ' active' : ''));
@@ -410,8 +410,8 @@ if (!disabled) {
   incrementalDom.elementOpenStart('li');
-      itemAttributes__soy1017();
+      itemAttributes__soy1036();
   incrementalDom.elementOpenEnd();
-    checkbox__soy1006();
+    checkbox__soy1025();
   incrementalDom.elementClose('li');
 }
-exports.__deltemplate_s985_27296c4e = __deltemplate_s985_27296c4e;
+exports.__deltemplate_s1004_27296c4e = __deltemplate_s1004_27296c4e;
 /**
@@ -440,7 +440,7 @@ * @typedef {{
  */
-__deltemplate_s985_27296c4e.Params;
+__deltemplate_s1004_27296c4e.Params;
 if (goog.DEBUG) {
-  __deltemplate_s985_27296c4e.soyTemplateName = 'ClayDropdownItem.__deltemplate_s985_27296c4e';
+  __deltemplate_s1004_27296c4e.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1004_27296c4e';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'checkbox', 0, __deltemplate_s985_27296c4e);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'checkbox', 0, __deltemplate_s1004_27296c4e);
 
@@ -476,3 +476,3 @@
  */
-function __deltemplate_s1036_4a8d8c89(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s1055_4a8d8c89(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -529,3 +529,3 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
 }
-exports.__deltemplate_s1036_4a8d8c89 = __deltemplate_s1036_4a8d8c89;
+exports.__deltemplate_s1055_4a8d8c89 = __deltemplate_s1055_4a8d8c89;
 /**
@@ -555,7 +555,7 @@ * @typedef {{
  */
-__deltemplate_s1036_4a8d8c89.Params;
+__deltemplate_s1055_4a8d8c89.Params;
 if (goog.DEBUG) {
-  __deltemplate_s1036_4a8d8c89.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1036_4a8d8c89';
+  __deltemplate_s1055_4a8d8c89.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1055_4a8d8c89';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'group', 0, __deltemplate_s1036_4a8d8c89);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'group', 0, __deltemplate_s1055_4a8d8c89);
 
@@ -590,3 +590,3 @@
  */
-function __deltemplate_s1075_e71956db(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s1094_e71956db(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -631,6 +631,6 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
   var type = soy.asserts.assertType(opt_data.type == null || (goog.isString(opt_data.type) || opt_data.type instanceof goog.soy.data.SanitizedContent), 'type', opt_data.type, '!goog.soy.data.SanitizedContent|null|string|undefined');
-  var radio__soy1096 = function() {
+  var radio__soy1115 = function() {
     $templateAlias6({checked: checked, disabled: disabled, inline: true, label: label, name: inputName, value: inputValue}, null, opt_ijData);
   };
-  var itemAttributes__soy1107 = function() {
+  var itemAttributes__soy1126 = function() {
     incrementalDom.attr('class', 'dropdown-item' + (active || checked ? ' active' : ''));
@@ -644,8 +644,8 @@ if (!disabled) {
   incrementalDom.elementOpenStart('li');
-      itemAttributes__soy1107();
+      itemAttributes__soy1126();
   incrementalDom.elementOpenEnd();
-    radio__soy1096();
+    radio__soy1115();
   incrementalDom.elementClose('li');
 }
-exports.__deltemplate_s1075_e71956db = __deltemplate_s1075_e71956db;
+exports.__deltemplate_s1094_e71956db = __deltemplate_s1094_e71956db;
 /**
@@ -674,7 +674,7 @@ * @typedef {{
  */
-__deltemplate_s1075_e71956db.Params;
+__deltemplate_s1094_e71956db.Params;
 if (goog.DEBUG) {
-  __deltemplate_s1075_e71956db.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1075_e71956db';
+  __deltemplate_s1094_e71956db.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1094_e71956db';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'radio', 0, __deltemplate_s1075_e71956db);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'radio', 0, __deltemplate_s1094_e71956db);
 
@@ -709,3 +709,3 @@
  */
-function __deltemplate_s1126_efbc8015(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s1145_efbc8015(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -771,3 +771,3 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
 }
-exports.__deltemplate_s1126_efbc8015 = __deltemplate_s1126_efbc8015;
+exports.__deltemplate_s1145_efbc8015 = __deltemplate_s1145_efbc8015;
 /**
@@ -796,7 +796,7 @@ * @typedef {{
  */
-__deltemplate_s1126_efbc8015.Params;
+__deltemplate_s1145_efbc8015.Params;
 if (goog.DEBUG) {
-  __deltemplate_s1126_efbc8015.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1126_efbc8015';
+  __deltemplate_s1145_efbc8015.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1145_efbc8015';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'radiogroup', 0, __deltemplate_s1126_efbc8015);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'radiogroup', 0, __deltemplate_s1145_efbc8015);
 
@@ -831,3 +831,3 @@
  */
-function __deltemplate_s1168_03a3ad8c(opt_data, opt_ijData, opt_ijData_deprecated) {
+function __deltemplate_s1187_03a3ad8c(opt_data, opt_ijData, opt_ijData_deprecated) {
   opt_ijData = opt_ijData_deprecated || opt_ijData;
@@ -879,3 +879,3 @@ /** @type {!goog.soy.data.SanitizedContent|string} */
 }
-exports.__deltemplate_s1168_03a3ad8c = __deltemplate_s1168_03a3ad8c;
+exports.__deltemplate_s1187_03a3ad8c = __deltemplate_s1187_03a3ad8c;
 /**
@@ -904,7 +904,7 @@ * @typedef {{
  */
-__deltemplate_s1168_03a3ad8c.Params;
+__deltemplate_s1187_03a3ad8c.Params;
 if (goog.DEBUG) {
-  __deltemplate_s1168_03a3ad8c.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1168_03a3ad8c';
+  __deltemplate_s1187_03a3ad8c.soyTemplateName = 'ClayDropdownItem.__deltemplate_s1187_03a3ad8c';
 }
-soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'separator', 0, __deltemplate_s1168_03a3ad8c);
+soy.$$registerDelegateFn(soy.$$getDelTemplateId('ClayDropdownItem.Item.idom'), 'separator', 0, __deltemplate_s1187_03a3ad8c);
 
@@ -911,0 +911,0 @@ exports.render.params = ["_handleItemClick","_handleItemKeyDown","active","checked","contentRenderer","disabled","href","icon","icons","inputName","inputValue","items","itemsIconAlignment","label","maxItems","separator","spritemap","target","title","type"];

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

940242

increased by1.31%

Lines of code

9295

increased by1.23%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updatedclay-button@^2.16.2

• Updatedclay-checkbox@^2.16.2

• Updatedclay-component@^2.16.2

• Updatedclay-icon@^2.16.2

• Updatedclay-link@^2.16.2

• Updatedclay-portal@^2.16.2

• Updatedclay-radio@^2.16.2