@aquera/nile-elements 1.3.8-beta-1.0 → 1.3.8-beta-1.1

package/package.json

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

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

@@ -71,13 +71,6 @@ export class NileDatePicker extends NileElement {
 
   @property({ type: String, attribute: true, reflect: true }) rangeSeparator = " - ";
 
-  @property({ type: Number, attribute: true, reflect: true }) startYear: number;
-
-  @property({ type: Number, attribute: true, reflect: true }) endYear: number;
-
-  @property({ type: Boolean, attribute: true, reflect: true }) showYearDropdown = false;
-
-  @property({ type: Boolean, attribute: true, reflect: true }) showMonthDropdown = false;
 
   @query('nile-dropdown') dropdown: NileDropdown;
 
@@ -161,10 +154,6 @@ export class NileDatePicker extends NileElement {
           .showManualInputs="${this.showManualInputs}"
           .doubleClickUnselect="${this.doubleClickUnselect}"
           .allowClear="${this.allowClear}"
-          .startYear="${this.startYear}"
-          .endYear="${this.endYear}"
-          ?showYearDropdown="${this.showYearDropdown}"
-          ?showMonthDropdown="${this.showMonthDropdown}"
         ></nile-calendar>
       </nile-dropdown>
     `;

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

@@ -53,6 +53,7 @@ export class NileSlideToggle extends NileElement {
           'nile-slide--disabled': this.disabled,
           'nile-slide-toggle--reverse':this.textPosition=='left'
         })}
+        part="base"
       >
         <label 
         class="${classMap({
@@ -60,17 +61,17 @@ export class NileSlideToggle extends NileElement {
           'nile-slide-toggle__switch--left':this.textPosition=='right',
           'nile-slide-toggle__switch--right':this.textPosition=='left',
         })}"
-        class="nile-slide-toggle__switch">
+        class="nile-slide-toggle__switch" part="slide-toggle-switch">
           <input
             type="checkbox"
             .checked=${this.isChecked}
             @change=${this.toggleValue}
           />
-          <span class="nile-slide-toggle__slider"></span>
+          <span class="nile-slide-toggle__slider" part="slide-toggle-slider"></span>
         </label>
-        <span class="nile-slide-toggle__label">
-          <span>${this.label}</span>
-          <span class="nile-slide-toggle__sublabel">${this.sublabel}</span>
+        <span class="nile-slide-toggle__label" part="slide-toggle-label-container">
+          <span part="slide-toggle-label">${this.label}</span>
+          <span class="nile-slide-toggle__sublabel" part="slide-toggle-sublabel">${this.sublabel}</span>
         </span>
       </div>
       ${hasHelpText

package/vscode-html-custom-data.json

@@ -1102,7 +1102,7 @@
     },
     {
       "name": "nile-date-picker",
-      "description": "Attributes:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hide-time-zone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hide-duration-fields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\nProperties:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hideTimeZone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hideDurationFields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `dropdown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hide-time-zone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hide-duration-fields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\nProperties:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hideTimeZone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hideDurationFields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `dropdown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "range",
@@ -1175,24 +1175,6 @@
         {
           "name": "rangeSeparator",
           "description": "`rangeSeparator` {`string`} - \n\nProperty: rangeSeparator\n\nDefault:  - "
-        },
-        {
-          "name": "startYear",
-          "description": "`startYear` {`number`} - \n\nProperty: startYear"
-        },
-        {
-          "name": "endYear",
-          "description": "`endYear` {`number`} - \n\nProperty: endYear"
-        },
-        {
-          "name": "showYearDropdown",
-          "description": "`showYearDropdown` {`boolean`} - \n\nProperty: showYearDropdown\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "showMonthDropdown",
-          "description": "`showMonthDropdown` {`boolean`} - \n\nProperty: showMonthDropdown\n\nDefault: false",
-          "valueSet": "v"
         }
       ]
     },