@aquera/nile-elements 0.0.112 → 0.0.113

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.112",
+  "version": "0.0.113",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-accordion/nile-accordion.ts

@@ -52,7 +52,6 @@ export class NileAccordion extends NileElement {
 
 static styles: CSSResultGroup = styles;
 
-protected override BUBBLES: boolean=false;
 
 @query('.details') details: HTMLElement;
 @query('.details__header') header: HTMLElement;

package/src/nile-auto-complete/nile-auto-complete.ts

@@ -16,8 +16,6 @@ import type { CSSResultGroup } from 'lit';
 export class NileAutoComplete extends NileElement {
 
   static styles: CSSResultGroup = styles;
-  
-  protected override BUBBLES: boolean=false;
 
   // Define component properties
   @property({ type: Boolean }) isDropdownOpen: boolean = false;

package/src/nile-avatar/nile-avatar.ts

@@ -35,8 +35,6 @@ export class NileAvatar extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /** Gives the url to the Avatar */
   @property({ type: String, reflect: true }) src = '';
 

package/src/nile-badge/nile-badge.ts

@@ -45,8 +45,6 @@ import type { CSSResultGroup } from 'lit';
 export class NileBadge extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   /** The badge's theme variant. */
   @property({ reflect: true }) variant:
     | 'primary'

package/src/nile-breadcrumb/nile-breadcrumb.ts

@@ -32,8 +32,6 @@ export class NileBreadcrumb extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /* #endregion */
 
   /* #region Methods */

package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts

@@ -32,8 +32,6 @@ export class NileBreadcrumbItem extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   @state() private isLast = false;
 
   /* #endregion */

package/src/nile-button/nile-button.ts

@@ -38,8 +38,6 @@ import NileElement from '../internal/nile-element';
 export class NileButton extends NileElement implements NileFormControl {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly formControlController = new FormControlController(this, {
     form: input => {
       // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query

package/src/nile-button-toggle/nile-button-toggle.ts

@@ -27,8 +27,6 @@ export class NileButtonToggle extends NileElement {
 		return [styles];
 	}
 
-  protected override BUBBLES: boolean=false;
-
   @property({ type: Boolean, reflect: true })
   active = false;
 

package/src/nile-button-toggle-group/nile-button-toggle-group.ts

@@ -26,8 +26,6 @@ export class NileButtonToggleGroup extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   @queryAll('nile-button-toggle') private toggles!: NodeListOf<NileButtonToggle>;
 
   @query('slot:not([name])') private defaultSlot!: HTMLSlotElement;

package/src/nile-calendar/nile-calendar.ts

@@ -37,7 +37,7 @@ export class NileCalendar extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
+
 
   @property({ type: String, attribute: 'value' }) valueAttribute: | string | null = null;
 

package/src/nile-card/nile-card.ts

@@ -29,8 +29,6 @@ import { CSSResultGroup } from 'lit';
 export class NileCard extends NileElements {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(this, 'footer');
 
   render() {

package/src/nile-checkbox/nile-checkbox.ts

@@ -59,8 +59,6 @@ export class NileCheckbox extends NileElement {
   }
  
   static styles: CSSResultGroup = styles;
-
-  protected override BUBBLES: boolean=false;
  
   @query('input[type="checkbox"]') input: HTMLInputElement;
  

package/src/nile-chip/nile-chip.ts

@@ -28,8 +28,6 @@ export class NileChip extends NileElement {
   public static get styles(): CSSResultArray {
     return [styles];
   }
-  
-  protected override BUBBLES: boolean=false;
 
   private readonly hasSlotController = new HasSlotController(
     this,

package/src/nile-code-editor/nile-code-editor.ts

@@ -48,8 +48,6 @@ const TIME_OUT_DURATION=200;
  */
 @customElement('nile-code-editor')
 export class NileCodeEditor extends NileElement {
-
-  protected override BUBBLES: boolean=false;
   
   @query('.code-mirror') codeEditor: HTMLInputElement;
 

package/src/nile-content-editor/nile-content-editor.ts

@@ -31,8 +31,6 @@ export class NileContentEditor extends NileElement {
  * @event nile-change - Emitted when the control's value changes.  
  */
 
-  protected override BUBBLES: boolean=false;
-
   @property() value: string = '';
 
   @property() options: Array<any>;

package/src/nile-date-picker/nile-date-picker.ts

@@ -33,8 +33,6 @@ export class NileDatePicker extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   @property({ type: Boolean }) range = false;
 
   @property({ type: Boolean }) hideTypes = false;
@@ -69,8 +67,10 @@ export class NileDatePicker extends NileElement {
         	.type="${this.type}"
           value="${this.value}"
           .range="${this.range}"
+          @nile-init="${(e:CustomEvent)=>e.stopPropagation()}"
+          @nile-destroy="${(e:CustomEvent)=>e.stopPropagation()}"
+          @nile-changed="${(e:CustomEvent)=>e.stopPropagation()}"
           @nile-change="${this.handleChanged}"
-          @nile-type-change="${(e:CustomEvent)=>this.emit('nile-type-change',e.detail)}"
           .allowedDates="${this.allowedDates}"
           .hideDurationFields="${this.hideDurationFields}"
           .showManualInputs="${this.showManualInputs}"
@@ -80,6 +80,7 @@ export class NileDatePicker extends NileElement {
   }
 
   handleChanged(event: CustomEvent) {
+    event.stopPropagation()
     this.emit('nile-changed', event.detail);
     this.emit('nile-change', event.detail);
     if (this.dropdown) {

package/src/nile-dialog/nile-dialog.ts

@@ -32,8 +32,6 @@ import NileElement from '../internal/nile-element';
 export class NileDialog extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(this, 'footer','sublabel','label');
   private modal: Modal;
   private originalTrigger: HTMLElement | null;

package/src/nile-drawer/nile-drawer.ts

@@ -81,8 +81,6 @@ export class NileDrawer extends NileElement {
 
 	static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(this, 'footer');
   private modal: Modal;
   private originalTrigger: HTMLElement | null;

package/src/nile-empty-state/nile-empty-state.ts

@@ -28,8 +28,6 @@ export class NileEmptyState extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   @property() size: 'sm' | 'md' | 'lg' = 'md';
 
   @property() variant:

package/src/nile-icon-button/nile-icon-button.ts

@@ -44,8 +44,6 @@ import NileElement from '../internal/nile-element';
 export class NileIconButton extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;
 
   @state() private hasFocus = false;

package/src/nile-input/nile-input.ts

@@ -37,8 +37,6 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 export class NileInput extends NileElement implements NileFormControl {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly formControlController = new FormControlController(this, {
     assumeInteractionOn: ['nile-blur', 'nile-input'],
   });

package/src/nile-link/nile-link.ts

@@ -30,8 +30,6 @@ export class NileLink extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(
     this,
     '[default]',

package/src/nile-list/nile-list.ts

@@ -32,8 +32,6 @@ export class NileList extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /* #endregion */
 
   /* #region Methods */

package/src/nile-list-item/nile-list-item.ts

@@ -40,8 +40,6 @@ export class NileListItem extends NileElement {
   public static get styles(): CSSResultArray {
     return [styles];
   }
-
-  protected override BUBBLES: boolean=false;
   @property({ type: String, attribute: 'icon-name' }) iconName = '';
   @property({ type: Number, attribute: 'icon-size' }) iconSize = 14;
 

package/src/nile-menu/nile-menu.ts

@@ -23,9 +23,6 @@ import { HasSlotController } from '../internal/slot';
 @customElement('nile-menu')
 export class NileMenu extends NileElement {
   static styles: CSSResultGroup = styles;
-
-  protected override BUBBLES: boolean=false;
-  
   @state() searchValue: string = '';
   @state() searchWidth: number = 0;
 

package/src/nile-menu-item/nile-menu-item.ts

@@ -48,9 +48,6 @@ import type { CSSResultGroup } from 'lit';
 export class NileMenuItem extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-  protected override COMPOSED: boolean=false;
-
   private cachedTextLabel: string;
 
   @query('slot:not([name])') defaultSlot: HTMLSlotElement;

package/src/nile-option/nile-option.ts

@@ -44,9 +44,6 @@ import '../nile-checkbox';
 export class NileOption extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-  protected override COMPOSED: boolean=false;
-
   private cachedTextLabel: string;
 
   @query('.option__label') defaultSlot: HTMLSlotElement;

package/src/nile-popover/nile-popover.ts

@@ -34,8 +34,6 @@ export class NilePopover extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /**
    * The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip
    * inside of the viewport.

package/src/nile-popup/nile-popup.ts

@@ -25,9 +25,6 @@ import type { CSSResultGroup } from 'lit';
 export class NilePopup extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-  protected override COMPOSED: boolean=false;
-
   private anchorEl: Element | null;
   private cleanup: ReturnType<typeof autoUpdate> | undefined;
 

package/src/nile-radio-group/nile-radio-group.ts

@@ -28,8 +28,6 @@ import type NileRadio from '../nile-radio/nile-radio';
 export class NileRadioGroup extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');
   private customValidityMessage = '';
 

package/src/nile-select/nile-select.ts

@@ -97,8 +97,6 @@ type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;
 export class NileSelect extends NileElement implements NileFormControl {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   // protected override BUBBLES=false;
 
   private readonly formControlController = new FormControlController(this, {

package/src/nile-slide-toggle/nile-slide-toggle.ts

@@ -8,8 +8,6 @@ import { classMap } from 'lit/directives/class-map.js';
 export class NileSlideToggle extends NileElement {
   public static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   @property({ type: String }) label = '';
   @property({ type: String }) sublabel = '';
 

package/src/nile-split-panel/nile-split-panel.ts

@@ -43,8 +43,6 @@ export class NileSplitPanel extends NileElement {
 
 	static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private cachedPositionInPixels: number;
   private resizeObserver: ResizeObserver;
   private size: number;

package/src/nile-stepper/nile-stepper.ts

@@ -22,8 +22,6 @@ import { classMap } from 'lit/directives/class-map.js';
 @customElement('nile-stepper')
 export class NileStepper extends NileElement {
 
-  protected override BUBBLES: boolean=false;
-
 	@property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;
 	@property({ type: Boolean, attribute: 'content-below', reflect:true }) contentBelow: boolean = false;
 	@property({ type: Number, attribute: 'currentStep', reflect:true }) currentStep: number = 0;

package/src/nile-tab/nile-tab.ts

@@ -38,8 +38,6 @@ let id = 0;
 export class NileTab extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly attrId = ++id;
   private readonly componentId = `nile-tab-${this.attrId}`;
 

package/src/nile-tab-group/nile-tab-group.ts

@@ -50,8 +50,6 @@ export class NileTabGroup extends NileElement {
 
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private activeTab?: NileTab;
   private mutationObserver: MutationObserver;
   private resizeObserver: ResizeObserver;

package/src/nile-table-body/nile-table-body.ts

@@ -50,8 +50,6 @@ export class NileTableBody extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /* #endregion */
 
   /* #region Methods */

package/src/nile-table-header-item/nile-table-header-item.ts

@@ -34,8 +34,6 @@ export class NileTableHeaderItem extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   /** Enables the sort functionality. */
   @property({ type: Boolean, reflect: true }) havesort = false;
 

package/src/nile-tag/nile-tag.ts

@@ -45,8 +45,6 @@ import type { CSSResultGroup } from 'lit';
 export class NileTag extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   /** The tag's theme variant. */
   @property({ reflect: true }) variant:
     | 'primary'

package/src/nile-textarea/nile-textarea.ts

@@ -44,8 +44,6 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 export class NileTextarea extends NileElement  {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');
   private resizeObserver: ResizeObserver;
 

package/src/nile-toast/nile-toast.ts

@@ -56,8 +56,6 @@ const toastStack = Object.assign(document.createElement('div'), {
 export class NileToast extends NileElement {
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   private autoHideTimeout: number;
   private readonly hasSlotController = new HasSlotController(
     this,

package/src/nile-tooltip/nile-tooltip.ts

@@ -38,8 +38,6 @@ export class NileTooltip extends NileElement {
     return [styles];
   }
 
-  protected override BUBBLES: boolean=false;
-
   private hoverTimeout: number;
   // private readonly localize = new LocalizeController(this);
 

package/src/nile-tree/nile-tree.ts

@@ -80,8 +80,6 @@ export class NileTree extends NileElement {
 
 	static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   @query('slot:not([name])') defaultSlot: HTMLSlotElement;
   @query('slot[name=expand-icon]') expandedIconSlot: HTMLSlotElement;
   @query('slot[name=collapse-icon]') collapsedIconSlot: HTMLSlotElement;

package/src/nile-tree-item/nile-tree-item.ts

@@ -65,8 +65,6 @@ export class NileTreeItem extends NileElement {
 
   static styles: CSSResultGroup = styles;
 
-  protected override BUBBLES: boolean=false;
-
   static isTreeItem(node: Node) {
     return node instanceof Element && node.getAttribute('role') === 'treeitem';
   }