carbon-components-angular 3.1.1 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/bundle/carbon-angular.umd.js +1 -1
  2. package/bundle/carbon-angular.umd.js.map +1 -1
  3. package/docs/documentation/components/TagFilter.html +52 -3
  4. package/docs/documentation/coverage.html +4 -4
  5. package/docs/documentation/js/search/search_index.js +2 -2
  6. package/docs/storybook/iframe.html +3 -3
  7. package/docs/storybook/{main.eb15c0da383acd1e5ab9.bundle.js → main.cc3329d0f31a1601a8eb.bundle.js} +12 -3
  8. package/docs/storybook/main.cc3329d0f31a1601a8eb.bundle.js.map +1 -0
  9. package/docs/storybook/{runtime~main.eb15c0da383acd1e5ab9.bundle.js → runtime~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
  10. package/docs/storybook/{runtime~main.eb15c0da383acd1e5ab9.bundle.js.map → runtime~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
  11. package/docs/storybook/{vendors~main.eb15c0da383acd1e5ab9.bundle.js → vendors~main.cc3329d0f31a1601a8eb.bundle.js} +1 -1
  12. package/docs/storybook/{vendors~main.eb15c0da383acd1e5ab9.bundle.js.map → vendors~main.cc3329d0f31a1601a8eb.bundle.js.map} +1 -1
  13. package/package.json +1 -1
  14. package/tag/tag-filter.component.d.ts +5 -0
  15. package/tag/tag-filter.component.js +9 -3
  16. package/tag/tag-filter.component.js.map +1 -1
  17. package/tag/tag-filter.component.metadata.json +1 -1
  18. package/tag/tag-filter.component.ngfactory.js +5 -2
  19. package/tag/tag-filter.component.ngfactory.js.map +1 -1
  20. package/tag/tag-filter.component.ngsummary.json +1 -1
  21. package/tag/tag.module.ngfactory.js.map +1 -1
  22. package/docs/storybook/main.eb15c0da383acd1e5ab9.bundle.js.map +0 -1
package/docs/documentation/components/TagFilter.html CHANGED
@@ -94,6 +94,7 @@
94
94
  <td class="col-md-3">template</td>
95
95
  <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ng-content&gt;&lt;/ng-content&gt;
96
96
  &lt;svg
97
+ (click)&#x3D;&quot;close.emit()&quot;
97
98
  focusable&#x3D;&quot;false&quot;
98
99
  preserveAspectRatio&#x3D;&quot;xMidYMid meet&quot;
99
100
  style&#x3D;&quot;will-change: transform;&quot;
@@ -144,6 +145,20 @@
144
145
  </td>
145
146
  </tr>
146
147
 
148
+ <tr>
149
+ <td class="col-md-4">
150
+ <h6><b>Outputs</b></h6>
151
+ </td>
152
+ </tr>
153
+ <tr>
154
+ <td class="col-md-4">
155
+ <ul class="index-list">
156
+ <li>
157
+ <a href="#close">close</a>
158
+ </li>
159
+ </ul>
160
+ </td>
161
+ </tr>
147
162
 
148
163
  <tr>
149
164
  <td class="col-md-4">
@@ -231,7 +246,30 @@
231
246
  </tbody>
232
247
  </table>
233
248
  </section>
249
+ <section>
250
+ <h3 id="outputs">Outputs</h3>
251
+ <table class="table table-sm table-bordered">
252
+ <tbody>
253
+ <tr>
254
+ <td class="col-md-2">
255
+ <a name="close"></a>
256
+ <code>close</code>
257
+ </td>
258
+ <td class="col-md-10">
259
+ <div><p>Function for close/delete the tag</p>
260
+ </div>
261
+ <em><code>$event</code> Type:</em> <code><a href="https://angular.io/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
234
262
 
263
+ </td>
264
+ </tr>
265
+ <tr>
266
+ <td class="col-md-2" colspan="2">
267
+ <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/tag/tag-filter.component.ts:32</a></div>
268
+ </td>
269
+ </tr>
270
+ </tbody>
271
+ </table>
272
+ </section>
235
273
  <section>
236
274
  <h3>HostBindings</h3> <table class="table table-sm table-bordered">
237
275
  <tbody>
@@ -254,7 +292,7 @@
254
292
  </tr>
255
293
  <tr>
256
294
  <td class="col-md-4">
257
- <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/tag/tag-filter.component.ts:23</a></div>
295
+ <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/tag/tag-filter.component.ts:34</a></div>
258
296
  </td>
259
297
  </tr>
260
298
 
@@ -304,7 +342,12 @@
304
342
 
305
343
 
306
344
  <div class="tab-pane fade tab-source-code" id="c-source">
307
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, HostBinding } from &quot;@angular/core&quot;;
345
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
346
+ Component,
347
+ Output,
348
+ EventEmitter,
349
+ HostBinding
350
+ } from &quot;@angular/core&quot;;
308
351
  import { Tag } from &quot;./tag.component&quot;;
309
352
 
310
353
  @Component({
@@ -312,6 +355,7 @@ import { Tag } from &quot;./tag.component&quot;;
312
355
  template: &#x60;
313
356
  &lt;ng-content&gt;&lt;/ng-content&gt;
314
357
  &lt;svg
358
+ (click)&#x3D;&quot;close.emit()&quot;
315
359
  focusable&#x3D;&quot;false&quot;
316
360
  preserveAspectRatio&#x3D;&quot;xMidYMid meet&quot;
317
361
  style&#x3D;&quot;will-change: transform;&quot;
@@ -326,6 +370,11 @@ import { Tag } from &quot;./tag.component&quot;;
326
370
  &#x60;
327
371
  })
328
372
  export class TagFilter extends Tag {
373
+ /**
374
+ * Function for close/delete the tag
375
+ */
376
+ @Output() close &#x3D; new EventEmitter&lt;any&gt;();
377
+
329
378
  @HostBinding(&quot;attr.class&quot;) get attrClass() {
330
379
  return &#x60;bx--tag bx--tag--filter bx--tag--${this.type} ${this.class}&#x60;;
331
380
  }
@@ -360,7 +409,7 @@ export class TagFilter extends Tag {
360
409
  <script src="../js/libs/htmlparser.js"></script>
361
410
  <script src="../js/libs/deep-iterator.js"></script>
362
411
  <script>
363
- var COMPONENT_TEMPLATE = '<div><ng-content></ng-content><svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" aria-label="Clear filter" width="16" height="16" viewBox="0 0 16 16" role="img"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path></svg> </div>'
412
+ var COMPONENT_TEMPLATE = '<div><ng-content></ng-content><svg (click)="close.emit()" focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" aria-label="Clear filter" width="16" height="16" viewBox="0 0 16 16" role="img"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path></svg> </div>'
364
413
  var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'Number', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
365
414
  var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
366
415
  var ACTUAL_COMPONENT = {'name': 'TagFilter'};
package/docs/documentation/coverage.html CHANGED
@@ -2175,7 +2175,7 @@
2175
2175
  <span class="coverage-count">(10/10)</span>
2176
2176
  </td>
2177
2177
  </tr>
2178
- <tr class="low">
2178
+ <tr class="medium">
2179
2179
  <td>
2180
2180
  <!-- miscellaneous -->
2181
2181
  <a href="./components/TagFilter.html">src/tag/tag-filter.component.ts</a>
@@ -2186,9 +2186,9 @@
2186
2186
  <td>
2187
2187
  TagFilter
2188
2188
  </td>
2189
- <td align="right" data-sort="20">
2190
- <span class="coverage-percent">20 %</span>
2191
- <span class="coverage-count">(1/5)</span>
2189
+ <td align="right" data-sort="33">
2190
+ <span class="coverage-percent">33 %</span>
2191
+ <span class="coverage-count">(2/6)</span>
2192
2192
  </td>
2193
2193
  </tr>
2194
2194
  <tr class="medium">