@digital-realty/ix-slider 1.1.4 → 1.1.5

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.
package/dist/IxSlider.js CHANGED
@@ -51,6 +51,7 @@ export class IxSlider extends LitElement {
51
51
  return html `
52
52
  <md-slider
53
53
  class="slider"
54
+ style="display: block;"
54
55
  ?disabled=${this.disabled}
55
56
  name=${this.name}
56
57
  min=${this.min}
@@ -1 +1 @@
1
- {"version":3,"file":"IxSlider.js","sourceRoot":"","sources":["../src/IxSlider.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query } from 'lit/decorators.js';\nimport { Slider } from '@material/web/slider/internal/slider.js';\nimport '@material/web/slider/slider.js';\n\nexport class IxSlider extends LitElement {\n @query('.slider') component!: Slider;\n\n /**\n * Disables the slider and makes it non-interactive.\n */\n @property({ type: Boolean }) disabled: boolean = false;\n\n /**\n * The HTML name to use in forms.\n */\n @property() name: string = '';\n\n /**\n * The slider minimum value\n */\n @property({ type: Number }) min = 0;\n\n /**\n * The slider maximum value\n */\n @property({ type: Number }) max = 100;\n\n /**\n * The slider value displayed when range is false.\n */\n @property({ type: Number }) value?: number;\n\n /**\n * The slider start value displayed when range is true.\n */\n @property({ attribute: 'name-start' }) nameStart?: string;\n\n /**\n * The slider end value displayed when range is true.\n */\n @property({ attribute: 'name-end' }) nameEnd?: string;\n\n /**\n * The slider start value displayed when range is true.\n */\n @property({ type: Number, attribute: 'value-start' }) valueStart?: number;\n\n /**\n * The slider end value displayed when range is true.\n */\n @property({ type: Number, attribute: 'value-end' }) valueEnd?: number;\n\n /**\n * An optional label for the slider's value displayed when range is\n * false; if not set, the label is the value itself.\n */\n @property({ attribute: 'value-label' }) valueLabel?: string;\n\n /**\n * An optional label for the slider's start value displayed when\n * range is true; if not set, the label is the valueStart itself.\n */\n @property({ attribute: 'value-label-start' }) valueLabelStart?: string;\n\n /**\n * An optional label for the slider's end value displayed when\n * range is true; if not set, the label is the valueEnd itself.\n */\n @property({ attribute: 'value-label-end' }) valueLabelEnd?: string;\n\n /**\n * Aria label for the slider's start handle displayed when\n * range is true.\n */\n @property({ attribute: 'aria-label-start' }) ariaLabelStart?: string;\n\n /**\n * Aria value text for the slider's start value displayed when\n * range is true.\n */\n @property({ attribute: 'aria-valuetext-start' }) ariaValueTextStart?: string;\n\n /**\n * Aria label for the slider's end handle displayed when\n * range is true.\n */\n @property({ attribute: 'aria-label-end' }) ariaLabelEnd?: string;\n\n /**\n * Aria value text for the slider's end value displayed when\n * range is true.\n */\n @property({ attribute: 'aria-valuetext-end' }) ariaValueTextEnd?: string;\n\n /**\n * The step between values.\n */\n @property({ type: Number }) step = 1;\n\n /**\n * Whether or not to show tick marks.\n */\n @property({ type: Boolean }) ticks = false;\n\n /**\n * Whether or not to show a value label when activated.\n */\n @property({ type: Boolean }) labeled = false;\n\n /**\n * Whether or not to show a value range. When false, the slider displays\n * a slideable handle for the value property; when true, it displays\n * slideable handles for the valueStart and valueEnd properties.\n */\n @property({ type: Boolean }) range = false;\n\n focus() {\n this.component.focus();\n }\n\n protected createRenderRoot() {\n return this;\n }\n\n render() {\n return html`\n <md-slider\n class=\"slider\"\n ?disabled=${this.disabled}\n name=${this.name}\n min=${this.min}\n max=${this.max}\n value=${ifDefined(this.value)}\n name-start=${ifDefined(this.nameStart)}\n name-end=${ifDefined(this.nameEnd)}\n value-start=${ifDefined(this.valueStart)}\n value-end=${ifDefined(this.valueEnd)}\n value-label=${ifDefined(this.valueLabel)}\n value-label-start=${ifDefined(this.valueLabelStart)}\n value-label-end=${ifDefined(this.valueLabelEnd)}\n aria-label-start=${ifDefined(this.ariaLabelStart)}\n aria-valuetext-start=${ifDefined(this.ariaValueTextStart)}\n aria-label-end=${ifDefined(this.ariaLabelEnd)}\n aria-valuetext-end=${ifDefined(this.ariaValueTextEnd)}\n step=${this.step}\n ?ticks=${this.ticks}\n ?labeled=${this.labeled}\n ?range=${this.range}\n ></md-slider>\n `;\n }\n}\n"]}
1
+ {"version":3,"file":"IxSlider.js","sourceRoot":"","sources":["../src/IxSlider.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query } from 'lit/decorators.js';\nimport { Slider } from '@material/web/slider/internal/slider.js';\nimport '@material/web/slider/slider.js';\n\nexport class IxSlider extends LitElement {\n @query('.slider') component!: Slider;\n\n /**\n * Disables the slider and makes it non-interactive.\n */\n @property({ type: Boolean }) disabled: boolean = false;\n\n /**\n * The HTML name to use in forms.\n */\n @property() name: string = '';\n\n /**\n * The slider minimum value\n */\n @property({ type: Number }) min = 0;\n\n /**\n * The slider maximum value\n */\n @property({ type: Number }) max = 100;\n\n /**\n * The slider value displayed when range is false.\n */\n @property({ type: Number }) value?: number;\n\n /**\n * The slider start value displayed when range is true.\n */\n @property({ attribute: 'name-start' }) nameStart?: string;\n\n /**\n * The slider end value displayed when range is true.\n */\n @property({ attribute: 'name-end' }) nameEnd?: string;\n\n /**\n * The slider start value displayed when range is true.\n */\n @property({ type: Number, attribute: 'value-start' }) valueStart?: number;\n\n /**\n * The slider end value displayed when range is true.\n */\n @property({ type: Number, attribute: 'value-end' }) valueEnd?: number;\n\n /**\n * An optional label for the slider's value displayed when range is\n * false; if not set, the label is the value itself.\n */\n @property({ attribute: 'value-label' }) valueLabel?: string;\n\n /**\n * An optional label for the slider's start value displayed when\n * range is true; if not set, the label is the valueStart itself.\n */\n @property({ attribute: 'value-label-start' }) valueLabelStart?: string;\n\n /**\n * An optional label for the slider's end value displayed when\n * range is true; if not set, the label is the valueEnd itself.\n */\n @property({ attribute: 'value-label-end' }) valueLabelEnd?: string;\n\n /**\n * Aria label for the slider's start handle displayed when\n * range is true.\n */\n @property({ attribute: 'aria-label-start' }) ariaLabelStart?: string;\n\n /**\n * Aria value text for the slider's start value displayed when\n * range is true.\n */\n @property({ attribute: 'aria-valuetext-start' }) ariaValueTextStart?: string;\n\n /**\n * Aria label for the slider's end handle displayed when\n * range is true.\n */\n @property({ attribute: 'aria-label-end' }) ariaLabelEnd?: string;\n\n /**\n * Aria value text for the slider's end value displayed when\n * range is true.\n */\n @property({ attribute: 'aria-valuetext-end' }) ariaValueTextEnd?: string;\n\n /**\n * The step between values.\n */\n @property({ type: Number }) step = 1;\n\n /**\n * Whether or not to show tick marks.\n */\n @property({ type: Boolean }) ticks = false;\n\n /**\n * Whether or not to show a value label when activated.\n */\n @property({ type: Boolean }) labeled = false;\n\n /**\n * Whether or not to show a value range. When false, the slider displays\n * a slideable handle for the value property; when true, it displays\n * slideable handles for the valueStart and valueEnd properties.\n */\n @property({ type: Boolean }) range = false;\n\n focus() {\n this.component.focus();\n }\n\n protected createRenderRoot() {\n return this;\n }\n\n render() {\n return html`\n <md-slider\n class=\"slider\"\n style=\"display: block;\"\n ?disabled=${this.disabled}\n name=${this.name}\n min=${this.min}\n max=${this.max}\n value=${ifDefined(this.value)}\n name-start=${ifDefined(this.nameStart)}\n name-end=${ifDefined(this.nameEnd)}\n value-start=${ifDefined(this.valueStart)}\n value-end=${ifDefined(this.valueEnd)}\n value-label=${ifDefined(this.valueLabel)}\n value-label-start=${ifDefined(this.valueLabelStart)}\n value-label-end=${ifDefined(this.valueLabelEnd)}\n aria-label-start=${ifDefined(this.ariaLabelStart)}\n aria-valuetext-start=${ifDefined(this.ariaValueTextStart)}\n aria-label-end=${ifDefined(this.ariaLabelEnd)}\n aria-valuetext-end=${ifDefined(this.ariaValueTextEnd)}\n step=${this.step}\n ?ticks=${this.ticks}\n ?labeled=${this.labeled}\n ?range=${this.range}\n ></md-slider>\n `;\n }\n}\n"]}
@@ -1 +1 @@
1
- import{__decorate}from"tslib";import{LitElement,html}from"lit";import{ifDefined}from"lit/directives/if-defined.js";import{query,property}from"lit/decorators.js";import"@material/web/slider/slider.js";class IxSlider extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.name="",this.min=0,this.max=100,this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1}focus(){this.component.focus()}createRenderRoot(){return this}render(){return html`<md-slider class="slider" ?disabled="${this.disabled}" name="${this.name}" min="${this.min}" max="${this.max}" value="${ifDefined(this.value)}" name-start="${ifDefined(this.nameStart)}" name-end="${ifDefined(this.nameEnd)}" value-start="${ifDefined(this.valueStart)}" value-end="${ifDefined(this.valueEnd)}" value-label="${ifDefined(this.valueLabel)}" value-label-start="${ifDefined(this.valueLabelStart)}" value-label-end="${ifDefined(this.valueLabelEnd)}" aria-label-start="${ifDefined(this.ariaLabelStart)}" aria-valuetext-start="${ifDefined(this.ariaValueTextStart)}" aria-label-end="${ifDefined(this.ariaLabelEnd)}" aria-valuetext-end="${ifDefined(this.ariaValueTextEnd)}" step="${this.step}" ?ticks="${this.ticks}" ?labeled="${this.labeled}" ?range="${this.range}"></md-slider>`}}__decorate([query(".slider")],IxSlider.prototype,"component",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"disabled",void 0),__decorate([property()],IxSlider.prototype,"name",void 0),__decorate([property({type:Number})],IxSlider.prototype,"min",void 0),__decorate([property({type:Number})],IxSlider.prototype,"max",void 0),__decorate([property({type:Number})],IxSlider.prototype,"value",void 0),__decorate([property({attribute:"name-start"})],IxSlider.prototype,"nameStart",void 0),__decorate([property({attribute:"name-end"})],IxSlider.prototype,"nameEnd",void 0),__decorate([property({type:Number,attribute:"value-start"})],IxSlider.prototype,"valueStart",void 0),__decorate([property({type:Number,attribute:"value-end"})],IxSlider.prototype,"valueEnd",void 0),__decorate([property({attribute:"value-label"})],IxSlider.prototype,"valueLabel",void 0),__decorate([property({attribute:"value-label-start"})],IxSlider.prototype,"valueLabelStart",void 0),__decorate([property({attribute:"value-label-end"})],IxSlider.prototype,"valueLabelEnd",void 0),__decorate([property({attribute:"aria-label-start"})],IxSlider.prototype,"ariaLabelStart",void 0),__decorate([property({attribute:"aria-valuetext-start"})],IxSlider.prototype,"ariaValueTextStart",void 0),__decorate([property({attribute:"aria-label-end"})],IxSlider.prototype,"ariaLabelEnd",void 0),__decorate([property({attribute:"aria-valuetext-end"})],IxSlider.prototype,"ariaValueTextEnd",void 0),__decorate([property({type:Number})],IxSlider.prototype,"step",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"ticks",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"labeled",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"range",void 0),window.customElements.define("ix-slider",IxSlider);
1
+ import{__decorate}from"tslib";import{LitElement,html}from"lit";import{ifDefined}from"lit/directives/if-defined.js";import{query,property}from"lit/decorators.js";import"@material/web/slider/slider.js";class IxSlider extends LitElement{constructor(){super(...arguments),this.disabled=!1,this.name="",this.min=0,this.max=100,this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1}focus(){this.component.focus()}createRenderRoot(){return this}render(){return html`<md-slider class="slider" style="display:block" ?disabled="${this.disabled}" name="${this.name}" min="${this.min}" max="${this.max}" value="${ifDefined(this.value)}" name-start="${ifDefined(this.nameStart)}" name-end="${ifDefined(this.nameEnd)}" value-start="${ifDefined(this.valueStart)}" value-end="${ifDefined(this.valueEnd)}" value-label="${ifDefined(this.valueLabel)}" value-label-start="${ifDefined(this.valueLabelStart)}" value-label-end="${ifDefined(this.valueLabelEnd)}" aria-label-start="${ifDefined(this.ariaLabelStart)}" aria-valuetext-start="${ifDefined(this.ariaValueTextStart)}" aria-label-end="${ifDefined(this.ariaLabelEnd)}" aria-valuetext-end="${ifDefined(this.ariaValueTextEnd)}" step="${this.step}" ?ticks="${this.ticks}" ?labeled="${this.labeled}" ?range="${this.range}"></md-slider>`}}__decorate([query(".slider")],IxSlider.prototype,"component",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"disabled",void 0),__decorate([property()],IxSlider.prototype,"name",void 0),__decorate([property({type:Number})],IxSlider.prototype,"min",void 0),__decorate([property({type:Number})],IxSlider.prototype,"max",void 0),__decorate([property({type:Number})],IxSlider.prototype,"value",void 0),__decorate([property({attribute:"name-start"})],IxSlider.prototype,"nameStart",void 0),__decorate([property({attribute:"name-end"})],IxSlider.prototype,"nameEnd",void 0),__decorate([property({type:Number,attribute:"value-start"})],IxSlider.prototype,"valueStart",void 0),__decorate([property({type:Number,attribute:"value-end"})],IxSlider.prototype,"valueEnd",void 0),__decorate([property({attribute:"value-label"})],IxSlider.prototype,"valueLabel",void 0),__decorate([property({attribute:"value-label-start"})],IxSlider.prototype,"valueLabelStart",void 0),__decorate([property({attribute:"value-label-end"})],IxSlider.prototype,"valueLabelEnd",void 0),__decorate([property({attribute:"aria-label-start"})],IxSlider.prototype,"ariaLabelStart",void 0),__decorate([property({attribute:"aria-valuetext-start"})],IxSlider.prototype,"ariaValueTextStart",void 0),__decorate([property({attribute:"aria-label-end"})],IxSlider.prototype,"ariaLabelEnd",void 0),__decorate([property({attribute:"aria-valuetext-end"})],IxSlider.prototype,"ariaValueTextEnd",void 0),__decorate([property({type:Number})],IxSlider.prototype,"step",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"ticks",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"labeled",void 0),__decorate([property({type:Boolean})],IxSlider.prototype,"range",void 0),window.customElements.define("ix-slider",IxSlider);
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent ix-slider following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "Digital Realty",
6
- "version": "1.1.4",
6
+ "version": "1.1.5",
7
7
  "type": "module",
8
8
  "main": "dist/index.js",
9
9
  "module": "dist/index.js",
@@ -46,6 +46,7 @@
46
46
  "husky": "^4.3.8",
47
47
  "lint-staged": "^10.5.4",
48
48
  "prettier": "^2.4.1",
49
+ "rollup": "^4.29.1",
49
50
  "rollup-plugin-minify-html-literals": "^1.2.6",
50
51
  "rollup-plugin-summary": "^2.0.0",
51
52
  "rollup-plugin-uglify": "^6.0.4",
@@ -100,5 +101,5 @@
100
101
  "README.md",
101
102
  "LICENSE"
102
103
  ],
103
- "gitHead": "cb4798e2a22a7e6b2eed58b8fc2d9fdddc875911"
104
+ "gitHead": "3590ef8890b3526a1395c48f0e94c72757c33c35"
104
105
  }