@vialiq/web-components 0.8.0 → 0.8.1

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.
@@ -34,6 +34,8 @@ export declare class ViBadge extends ViElement {
34
34
  accessor pill: boolean;
35
35
  /** Numeric count to display */
36
36
  accessor count: number | undefined;
37
+ /** Show the badge even if the count is zero */
38
+ accessor showZero: boolean;
37
39
  /** Max count before showing {max}+ */
38
40
  accessor max: number;
39
41
  /** Outlined/ghost style */
@@ -1 +1 @@
1
- {"version":3,"file":"vi-badge.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/badge/vi-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,0BAAkC;IAExD,sBAAsB;IACqB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAa;IAEtF,WAAW;IACgC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAQ;IAE3E,wBAAwB;IACoB,QAAQ,CAAC,GAAG,UAAS;IAEjE,4CAA4C;IACA,QAAQ,CAAC,IAAI,UAAQ;IAEjE,+BAA+B;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAE3E,sCAAsC;IACV,QAAQ,CAAC,GAAG,SAAM;IAE9C,2BAA2B;IACiB,QAAQ,CAAC,OAAO,UAAS;IAE5D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAEzC,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOjF,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,mBAAmB;IASlB,MAAM,IAAI,cAAc;CA0BlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
1
+ {"version":3,"file":"vi-badge.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/badge/vi-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,0BAAkC;IAExD,sBAAsB;IACqB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAa;IAEtF,WAAW;IACgC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAQ;IAE3E,wBAAwB;IACoB,QAAQ,CAAC,GAAG,UAAS;IAEjE,4CAA4C;IACA,QAAQ,CAAC,IAAI,UAAQ;IAEjE,+BAA+B;IACY,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAE1F,+CAA+C;IACqB,QAAQ,CAAC,QAAQ,UAAS;IAE9F,sCAAsC;IACV,QAAQ,CAAC,GAAG,SAAM;IAE9C,2BAA2B;IACiB,QAAQ,CAAC,OAAO,UAAS;IAE5D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAS;IAEzC,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOjF,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,mBAAmB;IASlB,MAAM,IAAI,cAAc;CA0BlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
@@ -35,6 +35,7 @@ export declare class ViIcon extends ViElement {
35
35
  */
36
36
  accessor label: string;
37
37
  private accessor _icon;
38
+ willUpdate(changedProperties: PropertyValues): void;
38
39
  updated(changedProperties: PropertyValues): void;
39
40
  firstUpdated(changedProperties: PropertyValues): void;
40
41
  render(): TemplateResult;
@@ -1 +1 @@
1
- {"version":3,"file":"vi-icon.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/icons/vi-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,0BAkBpB;IAEF;;;OAGG;IACwC,QAAQ,CAAC,IAAI,SAAM;IAE9D;;;OAGG;IACyB,QAAQ,CAAC,IAAI,SAAM;IAE/C;;;;OAIG;IACyB,QAAQ,CAAC,KAAK,SAAM;IAEvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqC;IAE3D,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAiBhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAQrD,MAAM,IAAI,cAAc;CAoBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
1
+ {"version":3,"file":"vi-icon.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/icons/vi-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,0BAkBpB;IAEF;;;OAGG;IACwC,QAAQ,CAAC,IAAI,SAAM;IAE9D;;;OAGG;IACyB,QAAQ,CAAC,IAAI,SAAM;IAE/C;;;;OAIG;IACyB,QAAQ,CAAC,KAAK,SAAM;IAEvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqC;IAE3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAOnD,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAchD,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAOrD,MAAM,IAAI,cAAc;CAoBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
package/icons/vi-icon.js CHANGED
@@ -478,11 +478,14 @@ new class extends _identity {
478
478
  set _icon(_v) {
479
479
  this.#___private__icon_4 = _v;
480
480
  }
481
- updated(changedProperties) {
482
- super.updated(changedProperties);
481
+ willUpdate(changedProperties) {
482
+ super.willUpdate(changedProperties);
483
483
  if (changedProperties.has('name')) {
484
484
  this._icon = getIcon(this.name);
485
485
  }
486
+ }
487
+ updated(changedProperties) {
488
+ super.updated(changedProperties);
486
489
  // Set or clear the inline custom property based on whether the consumer
487
490
  // has explicitly provided a size attribute. Clearing on removal ensures
488
491
  // a stale inline style does not keep overriding consumer CSS.
@@ -496,7 +499,6 @@ new class extends _identity {
496
499
  }
497
500
  firstUpdated(changedProperties) {
498
501
  super.firstUpdated(changedProperties);
499
- this._icon = getIcon(this.name);
500
502
  if (this.hasAttribute('size')) {
501
503
  this.style.setProperty('--vi-icon-size', `${this.size}px`);
502
504
  }
package/index.js CHANGED
@@ -13,7 +13,7 @@ export { ViAccordionItem } from './accordion/vi-accordion-item.js';
13
13
  import { unsafeCSS, css, html } from 'lit';
14
14
  import { customElement, property, state } from 'lit/decorators.js';
15
15
 
16
- const badgeStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;font-size:var(--vi-badge-font-size, 11px);font-weight:var(--vi-badge-font-weight, var(--vi-font-weight-semibold, 600));padding:var(--vi-badge-padding, 2px 8px);border-radius:var(--vi-badge-border-radius, 9999px);gap:var(--vi-badge-gap, 4px);border:var(--vi-border-width-thin, 1px) solid transparent}.dot{display:inline-block;width:var(--vi-badge-dot-size, 8px);height:var(--vi-badge-dot-size, 8px);border-radius:50%;background-color:currentColor;flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}}:host{display:inline-block;vertical-align:middle}:host([hidden]){display:none!important}:host([size=sm]){--vi-badge-font-size: 10px;--vi-badge-padding: 0 6px;--vi-badge-gap: 2px;--vi-badge-dot-size: 6px}:host([size=md]){--vi-badge-font-size: 11px;--vi-badge-padding: 2px 8px;--vi-badge-gap: 4px;--vi-badge-dot-size: 8px}:host([size=lg]){--vi-badge-font-size: 13px;--vi-badge-padding: 4px 12px;--vi-badge-gap: 6px;--vi-badge-dot-size: 10px}:host([pill]){--vi-badge-border-radius: 9999px}:host(:not([pill])){--vi-badge-border-radius: var(--vi-border-radius-sm, 2px)}.badge.dot-only{--vi-badge-padding: 4px}:host([variant=neutral]) .badge{background-color:var(--vi-badge-neutral-background, var(--vi-layer-03, #e5e7eb));color:var(--vi-badge-neutral-color, var(--vi-text-primary, #111827))}:host([variant=primary]) .badge{background-color:var(--vi-badge-primary-background, var(--vi-color-blue-100, var(--vi-color-blue-100, #ebf5ff)));color:var(--vi-badge-primary-color, var(--vi-color-primary, var(--vi-color-primary, #3676d0)))}:host([variant=success]) .badge{background-color:var(--vi-badge-success-background, var(--vi-color-green-100, var(--vi-color-green-100, #e6f0eb)));color:var(--vi-badge-success-color, var(--vi-color-success, var(--vi-color-success, #489167)))}:host([variant=warning]) .badge{background-color:var(--vi-badge-warning-background, var(--vi-color-yellow-100, var(--vi-color-yellow-100, #ffeab1)));color:var(--vi-badge-warning-color, var(--vi-color-warning, var(--vi-color-warning, #ffba00)))}:host([variant=danger]) .badge{background-color:var(--vi-badge-danger-background, var(--vi-color-red-100, var(--vi-color-red-100, #ffccce)));color:var(--vi-badge-danger-color, var(--vi-color-error, var(--vi-color-error, #ef4444)))}:host([variant=info]) .badge{background-color:var(--vi-badge-info-background, var(--vi-color-cyan-100, var(--vi-color-blue-100, #ebf5ff)));color:var(--vi-badge-info-color, var(--vi-color-info, var(--vi-color-info, #3676d0)))}:host([outline][variant=neutral]) .badge{background-color:transparent;color:var(--vi-badge-neutral-color, var(--vi-text-primary, #111827));border-color:var(--vi-badge-neutral-border, var(--vi-border-03, #e0e0e0))}:host([outline][variant=primary]) .badge{background-color:transparent;color:var(--vi-badge-primary-color, var(--vi-color-primary, var(--vi-color-primary, #3676d0)));border-color:var(--vi-badge-primary-border, var(--vi-color-blue-200, var(--vi-color-blue-200, #cee6ff)))}:host([outline][variant=success]) .badge{background-color:transparent;color:var(--vi-badge-success-color, var(--vi-color-success, var(--vi-color-success, #489167)));border-color:var(--vi-badge-success-border, var(--vi-color-green-200, var(--vi-color-green-200, #c0dbcd)))}:host([outline][variant=warning]) .badge{background-color:transparent;color:var(--vi-badge-warning-color, var(--vi-color-warning, var(--vi-color-warning, #ffba00)));border-color:var(--vi-badge-warning-border, var(--vi-color-yellow-200, var(--vi-color-yellow-200, #ffde85)))}:host([outline][variant=danger]) .badge{background-color:transparent;color:var(--vi-badge-danger-color, var(--vi-color-error, var(--vi-color-error, #ef4444)));border-color:var(--vi-badge-danger-border, var(--vi-color-red-200, var(--vi-color-red-200, #f69892)))}:host([outline][variant=info]) .badge{background-color:transparent;color:var(--vi-badge-info-color, var(--vi-color-info, var(--vi-color-info, #3676d0)));border-color:var(--vi-badge-info-border, var(--vi-color-cyan-200, var(--vi-color-blue-200, #cee6ff)))}.icon{display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}";
16
+ const badgeStyles = "@charset \"UTF-8\";@layer reset,components,utilities;@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;font-size:var(--vi-badge-font-size, 11px);font-weight:var(--vi-badge-font-weight, var(--vi-font-weight-semibold, 600));padding:var(--vi-badge-padding, 2px 8px);border-radius:var(--vi-badge-border-radius, 9999px);gap:var(--vi-badge-gap, 4px);border:var(--vi-border-width-thin, 1px) solid transparent}.dot{display:inline-block;width:var(--vi-badge-dot-size, 8px);height:var(--vi-badge-dot-size, 8px);border-radius:50%;background-color:currentColor;flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}}:host{display:inline-block;vertical-align:middle}:host([hidden]),:host([count=\"0\"]:not([show-zero])){display:none!important}:host([size=sm]){--vi-badge-font-size: 10px;--vi-badge-padding: 0 6px;--vi-badge-gap: 2px;--vi-badge-dot-size: 6px}:host([size=md]){--vi-badge-font-size: 11px;--vi-badge-padding: 2px 8px;--vi-badge-gap: 4px;--vi-badge-dot-size: 8px}:host([size=lg]){--vi-badge-font-size: 13px;--vi-badge-padding: 4px 12px;--vi-badge-gap: 6px;--vi-badge-dot-size: 10px}:host([pill]){--vi-badge-border-radius: 9999px}:host(:not([pill])){--vi-badge-border-radius: var(--vi-border-radius-sm, 2px)}.badge.dot-only{--vi-badge-padding: 4px}:host([variant=neutral]) .badge{background-color:var(--vi-badge-neutral-bg, var(--vi-border-02, #eeeeee));color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563))}:host([variant=primary]) .badge{background-color:var(--vi-badge-primary-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0))}:host([variant=success]) .badge{background-color:var(--vi-badge-success-bg, var(--vi-bg-success, #e6f9f0));color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d))}:host([variant=warning]) .badge{background-color:var(--vi-badge-warning-bg, var(--vi-bg-warning, #fff8e1));color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300))}:host([variant=danger]) .badge{background-color:var(--vi-badge-danger-bg, var(--vi-bg-error, #ffebee));color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b))}:host([variant=info]) .badge{background-color:var(--vi-badge-info-bg, var(--vi-bg-info, #e3f2fd));color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0))}:host([outline][variant=neutral]) .badge{background-color:transparent;color:var(--vi-badge-neutral-color, var(--vi-text-secondary, #4b5563));border-color:var(--vi-badge-neutral-border, var(--vi-border-03, #e0e0e0))}:host([outline][variant=primary]) .badge{background-color:transparent;color:var(--vi-badge-primary-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-primary-border, var(--vi-color-primary, #3676d0))}:host([outline][variant=success]) .badge{background-color:transparent;color:var(--vi-badge-success-color, var(--vi-text-success, #265a3d));border-color:var(--vi-badge-success-border, var(--vi-color-success, #489167))}:host([outline][variant=warning]) .badge{background-color:transparent;color:var(--vi-badge-warning-color, var(--vi-text-warning, #e68300));border-color:var(--vi-badge-warning-border, var(--vi-color-warning, #ffba00))}:host([outline][variant=danger]) .badge{background-color:transparent;color:var(--vi-badge-danger-color, var(--vi-text-error, #db231b));border-color:var(--vi-badge-danger-border, var(--vi-color-error, #ef4444))}:host([outline][variant=info]) .badge{background-color:transparent;color:var(--vi-badge-info-color, var(--vi-text-info, #3676d0));border-color:var(--vi-badge-info-border, var(--vi-color-info, #3676d0))}.icon{display:inline-flex;flex-shrink:0}.icon[hidden]{display:none}::slotted(vi-icon),::slotted(svg){--vi-icon-size: 1em;width:1em;height:1em}";
17
17
 
18
18
  function applyDecs2203RFactory() {
19
19
  function createAddInitializerMethod(initializers, decoratorFinishedRef) {
@@ -390,7 +390,7 @@ function _apply_decs_2203_r(targetClass, memberDecs, classDecs, parentClass) {
390
390
  function _identity(x) {
391
391
  return x;
392
392
  }
393
- var _dec, _initClass, _ViElement, _dec1, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _dec9, /** Colour semantic */ _init_variant, /** Size */ _init_size, /** Show coloured dot */ _init_dot, /** Fully rounded (pill shape) vs. square */ _init_pill, /** Numeric count to display */ _init_count, /** Max count before showing {max}+ */ _init_max, /** Outlined/ghost style */ _init_outline, _init__hasIcon, _init__hasDefaultSlot, _initProto;
393
+ var _dec, _initClass, _ViElement, _dec1, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _dec9, _dec10, /** Colour semantic */ _init_variant, /** Size */ _init_size, /** Show coloured dot */ _init_dot, /** Fully rounded (pill shape) vs. square */ _init_pill, /** Numeric count to display */ _init_count, /** Show the badge even if the count is zero */ _init_showZero, /** Max count before showing {max}+ */ _init_max, /** Outlined/ghost style */ _init_outline, _init__hasIcon, _init__hasDefaultSlot, _initProto;
394
394
  let _ViBadge;
395
395
  _dec = customElement('vi-badge'), _dec1 = property({
396
396
  type: String,
@@ -405,13 +405,18 @@ _dec = customElement('vi-badge'), _dec1 = property({
405
405
  type: Boolean,
406
406
  reflect: true
407
407
  }), _dec5 = property({
408
- type: Number
408
+ type: Number,
409
+ reflect: true
409
410
  }), _dec6 = property({
410
- type: Number
411
+ type: Boolean,
412
+ reflect: true,
413
+ attribute: 'show-zero'
411
414
  }), _dec7 = property({
415
+ type: Number
416
+ }), _dec8 = property({
412
417
  type: Boolean,
413
418
  reflect: true
414
- }), _dec8 = state(), _dec9 = state();
419
+ }), _dec9 = state(), _dec10 = state();
415
420
  new class extends _identity {
416
421
  constructor(){
417
422
  super(_ViBadge), _initClass();
@@ -419,7 +424,7 @@ new class extends _identity {
419
424
  static{
420
425
  class ViBadge extends (_ViElement = ViElement) {
421
426
  static{
422
- ({ e: [_init_variant, _init_size, _init_dot, _init_pill, _init_count, _init_max, _init_outline, _init__hasIcon, _init__hasDefaultSlot, _initProto], c: [_ViBadge, _initClass] } = _apply_decs_2203_r(this, [
427
+ ({ e: [_init_variant, _init_size, _init_dot, _init_pill, _init_count, _init_showZero, _init_max, _init_outline, _init__hasIcon, _init__hasDefaultSlot, _initProto], c: [_ViBadge, _initClass] } = _apply_decs_2203_r(this, [
423
428
  [
424
429
  _dec1,
425
430
  1,
@@ -448,21 +453,26 @@ new class extends _identity {
448
453
  [
449
454
  _dec6,
450
455
  1,
451
- "max"
456
+ "showZero"
452
457
  ],
453
458
  [
454
459
  _dec7,
455
460
  1,
456
- "outline"
461
+ "max"
457
462
  ],
458
463
  [
459
464
  _dec8,
460
465
  1,
461
- "_hasIcon"
466
+ "outline"
462
467
  ],
463
468
  [
464
469
  _dec9,
465
470
  1,
471
+ "_hasIcon"
472
+ ],
473
+ [
474
+ _dec10,
475
+ 1,
466
476
  "_hasDefaultSlot"
467
477
  ]
468
478
  ], [
@@ -505,33 +515,40 @@ new class extends _identity {
505
515
  set count(_v) {
506
516
  this.#___private_count_5 = _v;
507
517
  }
508
- #___private_max_6 = _init_max(this, 99);
518
+ #___private_showZero_6 = _init_showZero(this, false);
519
+ get showZero() {
520
+ return this.#___private_showZero_6;
521
+ }
522
+ set showZero(_v) {
523
+ this.#___private_showZero_6 = _v;
524
+ }
525
+ #___private_max_7 = _init_max(this, 99);
509
526
  get max() {
510
- return this.#___private_max_6;
527
+ return this.#___private_max_7;
511
528
  }
512
529
  set max(_v) {
513
- this.#___private_max_6 = _v;
530
+ this.#___private_max_7 = _v;
514
531
  }
515
- #___private_outline_7 = _init_outline(this, false);
532
+ #___private_outline_8 = _init_outline(this, false);
516
533
  get outline() {
517
- return this.#___private_outline_7;
534
+ return this.#___private_outline_8;
518
535
  }
519
536
  set outline(_v) {
520
- this.#___private_outline_7 = _v;
537
+ this.#___private_outline_8 = _v;
521
538
  }
522
- #___private__hasIcon_8 = _init__hasIcon(this, false);
539
+ #___private__hasIcon_9 = _init__hasIcon(this, false);
523
540
  get _hasIcon() {
524
- return this.#___private__hasIcon_8;
541
+ return this.#___private__hasIcon_9;
525
542
  }
526
543
  set _hasIcon(_v) {
527
- this.#___private__hasIcon_8 = _v;
544
+ this.#___private__hasIcon_9 = _v;
528
545
  }
529
- #___private__hasDefaultSlot_9 = _init__hasDefaultSlot(this, false);
546
+ #___private__hasDefaultSlot_10 = _init__hasDefaultSlot(this, false);
530
547
  get _hasDefaultSlot() {
531
- return this.#___private__hasDefaultSlot_9;
548
+ return this.#___private__hasDefaultSlot_10;
532
549
  }
533
550
  set _hasDefaultSlot(_v) {
534
- this.#___private__hasDefaultSlot_9 = _v;
551
+ this.#___private__hasDefaultSlot_10 = _v;
535
552
  }
536
553
  connectedCallback() {
537
554
  super.connectedCallback();
@@ -539,7 +556,7 @@ new class extends _identity {
539
556
  }
540
557
  updated(changedProperties) {
541
558
  super.updated(changedProperties);
542
- if (changedProperties.has('dot') || changedProperties.has('count') || changedProperties.has('_hasDefaultSlot')) {
559
+ if (changedProperties.has('dot') || changedProperties.has('count') || changedProperties.has('showZero') || changedProperties.has('_hasDefaultSlot')) {
543
560
  this.updateAriaHidden();
544
561
  }
545
562
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vialiq/web-components",
3
- "version": "0.8.0",
3
+ "version": "0.8.1",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -103,7 +103,7 @@
103
103
  },
104
104
  "peerDependencies": {
105
105
  "@floating-ui/dom": ">=1.0.0",
106
- "@vialiq/flux-ui": "^0.6.1",
106
+ "@vialiq/flux-ui": "^0.6.2",
107
107
  "@vialiq/icons": ">=0.0.3 <0.1.0",
108
108
  "lit": "^3.0.0"
109
109
  },