@carto/airship-components
Advanced tools
Comparing version 1.0.0-alpha.29 to 1.0.0-alpha.30
/*! | ||
* Built with http://stenciljs.com | ||
* 2018-07-13T08:18:25 | ||
* 2018-07-21T08:19:13 | ||
*/ | ||
(function(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCoreSsr, appCorePolyfilled, hydratedCssClass, components) { | ||
function init(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCorePolyfilled, hydratedCssClass, components, HTMLElementPrototype, App, x, y, scriptElm) { | ||
// create global namespace if it doesn't already exist | ||
App = win[namespace] = win[namespace] || {}; | ||
App.components = components; | ||
y = components.filter(function (c) { return c[2]; }).map(function (c) { return c[0]; }); | ||
if (y.length) { | ||
// auto hide components until they been fully hydrated | ||
// reusing the "x" and "i" variables from the args for funzies | ||
x = doc.createElement('style'); | ||
x.innerHTML = y.join() + '{visibility:hidden}.' + hydratedCssClass + '{visibility:inherit}'; | ||
x.setAttribute('data-styles', ''); | ||
doc.head.insertBefore(x, doc.head.firstChild); | ||
} | ||
createComponentOnReadyPrototype(win, namespace, HTMLElementPrototype); | ||
resourcesUrl = resourcesUrl || App.resourcesUrl; | ||
// figure out the script element for this current script | ||
y = doc.querySelectorAll('script'); | ||
for (x = y.length - 1; x >= 0; x--) { | ||
scriptElm = y[x]; | ||
if (scriptElm.src || scriptElm.hasAttribute('data-resources-url')) { | ||
break; | ||
} | ||
} | ||
// get the resource path attribute on this script element | ||
y = scriptElm.getAttribute('data-resources-url'); | ||
if (!resourcesUrl && y) { | ||
// the script element has a data-resources-url attribute, always use that | ||
resourcesUrl = y; | ||
} | ||
if (!resourcesUrl && scriptElm.src) { | ||
// we don't have an exact resourcesUrl, so let's | ||
// figure it out relative to this script's src and app's filesystem namespace | ||
y = scriptElm.src.split('/').slice(0, -1); | ||
resourcesUrl = (y.join('/')) + (y.length ? '/' : '') + fsNamespace + '/'; | ||
} | ||
// request the core this browser needs | ||
// test for native support of custom elements and fetch | ||
// if either of those are not supported, then use the core w/ polyfills | ||
// also check if the page was build with ssr or not | ||
x = doc.createElement('script'); | ||
if (usePolyfills(win, win.location, x, 'import("")')) { | ||
// requires the es5/polyfilled core | ||
x.src = resourcesUrl + appCorePolyfilled; | ||
} | ||
else { | ||
// let's do this! | ||
x.src = resourcesUrl + appCore; | ||
x.setAttribute('type', 'module'); | ||
x.setAttribute('crossorigin', true); | ||
} | ||
x.setAttribute('data-resources-url', resourcesUrl); | ||
x.setAttribute('data-namespace', fsNamespace); | ||
doc.head.appendChild(x); | ||
} | ||
function usePolyfills(win, location, scriptElm, dynamicImportTest) { | ||
// fyi, dev mode has verbose if/return statements | ||
// but it minifies to a nice 'lil one-liner ;) | ||
if (location.search.indexOf('core=esm') > 0) { | ||
// force esm build | ||
return false; | ||
} | ||
if ((location.search.indexOf('core=es5') > 0) || | ||
(location.protocol === 'file:') || | ||
(!(win.customElements && win.customElements.define)) || | ||
(!win.fetch) || | ||
(!(win.CSS && win.CSS.supports && win.CSS.supports('color', 'var(--c)'))) || | ||
(!('noModule' in scriptElm))) { | ||
// es5 build w/ polyfills | ||
return true; | ||
} | ||
// final test to see if this browser support dynamic imports | ||
return doesNotSupportsDynamicImports(dynamicImportTest); | ||
} | ||
function doesNotSupportsDynamicImports(dynamicImportTest) { | ||
try { | ||
new Function(dynamicImportTest); | ||
return false; | ||
} | ||
catch (e) { } | ||
return true; | ||
} | ||
function createComponentOnReadyPrototype(win, namespace, HTMLElementPrototype) { | ||
(win['s-apps'] = win['s-apps'] || []).push(namespace); | ||
if (!HTMLElementPrototype.componentOnReady) { | ||
HTMLElementPrototype.componentOnReady = function componentOnReady() { | ||
/*tslint:disable*/ | ||
var elm = this; | ||
function executor(resolve) { | ||
if (elm.nodeName.indexOf('-') > 0) { | ||
// window hasn't loaded yet and there's a | ||
// good chance this is a custom element | ||
var apps = win['s-apps']; | ||
var appsReady = 0; | ||
// loop through all the app namespaces | ||
for (var i = 0; i < apps.length; i++) { | ||
// see if this app has "componentOnReady" setup | ||
if (win[apps[i]].componentOnReady) { | ||
// this app's core has loaded call its "componentOnReady" | ||
if (win[apps[i]].componentOnReady(elm, resolve)) { | ||
// this component does belong to this app and would | ||
// have fired off the resolve fn | ||
// let's stop here, we're good | ||
return; | ||
} | ||
appsReady++; | ||
} | ||
} | ||
if (appsReady < apps.length) { | ||
// not all apps are ready yet | ||
// add it to the queue to be figured out when they are | ||
(win['s-cr'] = win['s-cr'] || []).push([elm, resolve]); | ||
return; | ||
} | ||
} | ||
// not a recognized app component | ||
resolve(null); | ||
} | ||
// callback wasn't provided, let's return a promise | ||
if (win.Promise) { | ||
// use native/polyfilled promise | ||
return new win.Promise(executor); | ||
} | ||
// promise may not have been polyfilled yet | ||
return { then: executor }; | ||
}; | ||
} | ||
} | ||
init(win, doc, namespace, fsNamespace, resourcesUrl, appCore, appCoreSsr, appCorePolyfilled, hydratedCssClass, components); | ||
})(window, document, "airship","airship",0,"airship.core.js","es5-build-disabled.js","hydrated",[["as-category-widget","as-category-widget",1,[["categories",1],["clearSelection",6],["defaultBarColor",1,0,"default-bar-color",2],["description",1,0,1,2],["getSelectedCategories",6],["heading",1,0,1,2],["selectedCategories",5],["showClearButton",1,0,"show-clear-button",3],["showHeader",1,0,"show-header",3],["useTotalPercentage",1,0,"use-total-percentage",3],["visibleCategories",1,0,"visible-categories",4]]],["as-switch","as-switch",1],["as-toolbar","as-toolbar"],["as-toolbar-item","as-toolbar-item",0,[["src",1,0,1,2],["text",1,0,1,2]]]],HTMLElement.prototype); | ||
!function(e,t,r,n,a,s,o,i,c,l,u,d,p,h){for((u=e.airship=e.airship||{}).components=c,(p=c.filter(function(e){return e[2]}).map(function(e){return e[0]})).length&&((d=t.createElement("style")).innerHTML=p.join()+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),t.head.insertBefore(d,t.head.firstChild)),function(e,t,r){(e["s-apps"]=e["s-apps"]||[]).push("airship"),r.componentOnReady||(r.componentOnReady=function(){var t=this;function r(r){if(t.nodeName.indexOf("-")>0){for(var n=e["s-apps"],a=0,s=0;s<n.length;s++)if(e[n[s]].componentOnReady){if(e[n[s]].componentOnReady(t,r))return;a++}if(a<n.length)return void(e["s-cr"]=e["s-cr"]||[]).push([t,r])}r(null)}return e.Promise?new e.Promise(r):{then:r}})}(e,0,l),a=a||u.resourcesUrl,d=(p=t.querySelectorAll("script")).length-1;d>=0&&!(h=p[d]).src&&!h.hasAttribute("data-resources-url");d--);p=h.getAttribute("data-resources-url"),!a&&p&&(a=p),!a&&h.src&&(a=(p=h.src.split("/").slice(0,-1)).join("/")+(p.length?"/":"")+"airship/"),d=t.createElement("script"),function(e,t,r,n){return!(t.search.indexOf("core=esm")>0)&&(!(!(t.search.indexOf("core=es5")>0||"file:"===t.protocol)&&e.customElements&&e.customElements.define&&e.fetch&&e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")&&"noModule"in r)||function(e){try{return new Function('import("")'),!1}catch(e){}return!0}())}(e,e.location,d)?d.src=a+"airship.qqich0h5.js":(d.src=a+"airship.5xdyz29r.js",d.setAttribute("type","module"),d.setAttribute("crossorigin",!0)),d.setAttribute("data-resources-url",a),d.setAttribute("data-namespace","airship"),t.head.appendChild(d)}(window,document,0,0,0,0,0,0,[["as-category-widget","mfdkhduo",1,[["categories",1],["clearSelection",6],["defaultBarColor",1,0,"default-bar-color",2],["description",1,0,1,2],["getSelectedCategories",6],["heading",1,0,1,2],["selectedCategories",5],["showClearButton",1,0,"show-clear-button",3],["showHeader",1,0,"show-header",3],["useTotalPercentage",1,0,"use-total-percentage",3],["visibleCategories",1,0,"visible-categories",4]]],["as-range-slider","d1bszzxy",1,[["disabled",1,0,1,3],["draggable",1,0,1,3],["formatValue",1],["maxValue",1,0,"max-value",4],["minValue",1,0,"min-value",4],["range",1],["step",1,0,1,4],["thumbs",5],["value",1,0,1,4]]],["as-range-slider-bar","d1bszzxy",1,[["disabled",1,0,1,3],["draggable",1,0,1,3],["element",7],["rangeEndPercentage",2,0,"range-end-percentage",4],["rangeStartPercentage",2,0,"range-start-percentage",4],["stepPercentage",1,0,"step-percentage",4]],0,[["mousedown","onMouseDown",0,1],["touchstart","onMouseDown",0,1]]],["as-range-slider-thumb","d1bszzxy",1,[["disabled",1,0,1,3],["element",7],["formatValue",1],["percentage",1,0,1,4],["value",1,0,1,4],["valueMax",1,0,"value-max",4],["valueMin",1,0,"value-min",4]],0,[["mousedown","onMouseDown",0,1],["touchstart","onMouseDown",0,1],["keydown","onKeyDown"]]],["as-switch","c2cg9nc9",1],["as-toolbar","miikquec"],["as-toolbar-item","icdvcon9",0,[["src",1,0,1,2],["text",1,0,1,2]]]],HTMLElement.prototype); |
@@ -76,2 +76,230 @@ { | ||
{ | ||
"tag": "as-range-slider", | ||
"dependencies": [ | ||
"as-range-slider-bar", | ||
"as-range-slider-thumb" | ||
], | ||
"componentClass": "RangeSlider", | ||
"componentPath": "components/as-range-slider/slider/as-range-slider.js", | ||
"styles": { | ||
"$": { | ||
"stylePaths": [ | ||
"components/as-range-slider/slider/as-range-slider.scss" | ||
] | ||
} | ||
}, | ||
"props": [ | ||
{ | ||
"name": "disabled", | ||
"type": "Boolean", | ||
"attr": "disabled" | ||
}, | ||
{ | ||
"name": "draggable", | ||
"type": "Boolean", | ||
"attr": "draggable" | ||
}, | ||
{ | ||
"name": "formatValue", | ||
"attr": "format-value" | ||
}, | ||
{ | ||
"name": "maxValue", | ||
"type": "Number", | ||
"attr": "max-value" | ||
}, | ||
{ | ||
"name": "minValue", | ||
"type": "Number", | ||
"attr": "min-value" | ||
}, | ||
{ | ||
"name": "range", | ||
"attr": "range", | ||
"watch": [ | ||
"validateRange" | ||
] | ||
}, | ||
{ | ||
"name": "step", | ||
"type": "Number", | ||
"attr": "step" | ||
}, | ||
{ | ||
"name": "value", | ||
"type": "Number", | ||
"attr": "value", | ||
"watch": [ | ||
"validateValue" | ||
] | ||
} | ||
], | ||
"states": [ | ||
{ | ||
"name": "thumbs" | ||
} | ||
], | ||
"events": [ | ||
{ | ||
"event": "change" | ||
}, | ||
{ | ||
"event": "changeEnd" | ||
}, | ||
{ | ||
"event": "changeStart" | ||
} | ||
] | ||
}, | ||
{ | ||
"tag": "as-range-slider-bar", | ||
"dependencies": [], | ||
"componentClass": "RangeSliderBar", | ||
"componentPath": "components/as-range-slider/track/as-range-slider-bar.js", | ||
"styles": { | ||
"$": { | ||
"stylePaths": [ | ||
"components/as-range-slider/track/as-range-slider-bar.scss" | ||
] | ||
} | ||
}, | ||
"props": [ | ||
{ | ||
"name": "disabled", | ||
"type": "Boolean", | ||
"attr": "disabled" | ||
}, | ||
{ | ||
"name": "draggable", | ||
"type": "Boolean", | ||
"attr": "draggable" | ||
}, | ||
{ | ||
"name": "rangeEndPercentage", | ||
"type": "Number", | ||
"mutable": true, | ||
"attr": "range-end-percentage" | ||
}, | ||
{ | ||
"name": "rangeStartPercentage", | ||
"type": "Number", | ||
"mutable": true, | ||
"attr": "range-start-percentage" | ||
}, | ||
{ | ||
"name": "stepPercentage", | ||
"type": "Number", | ||
"attr": "step-percentage" | ||
} | ||
], | ||
"listeners": [ | ||
{ | ||
"event": "mousedown", | ||
"method": "onMouseDown", | ||
"capture": false | ||
}, | ||
{ | ||
"event": "touchstart", | ||
"method": "onMouseDown", | ||
"capture": false | ||
} | ||
], | ||
"hostElement": { | ||
"name": "element" | ||
}, | ||
"events": [ | ||
{ | ||
"event": "barChangeEnd" | ||
}, | ||
{ | ||
"event": "barChangeStart" | ||
}, | ||
{ | ||
"event": "barMove" | ||
} | ||
] | ||
}, | ||
{ | ||
"tag": "as-range-slider-thumb", | ||
"dependencies": [], | ||
"componentClass": "RangeSliderThumb", | ||
"componentPath": "components/as-range-slider/thumb/as-range-slider-thumb.js", | ||
"styles": { | ||
"$": { | ||
"stylePaths": [ | ||
"components/as-range-slider/thumb/as-range-slider-thumb.scss" | ||
] | ||
} | ||
}, | ||
"props": [ | ||
{ | ||
"name": "disabled", | ||
"type": "Boolean", | ||
"attr": "disabled" | ||
}, | ||
{ | ||
"name": "formatValue", | ||
"attr": "format-value" | ||
}, | ||
{ | ||
"name": "percentage", | ||
"type": "Number", | ||
"attr": "percentage" | ||
}, | ||
{ | ||
"name": "value", | ||
"type": "Number", | ||
"attr": "value" | ||
}, | ||
{ | ||
"name": "valueMax", | ||
"type": "Number", | ||
"attr": "value-max" | ||
}, | ||
{ | ||
"name": "valueMin", | ||
"type": "Number", | ||
"attr": "value-min" | ||
} | ||
], | ||
"listeners": [ | ||
{ | ||
"event": "keydown", | ||
"method": "onKeyDown", | ||
"passive": false, | ||
"capture": false | ||
}, | ||
{ | ||
"event": "mousedown", | ||
"method": "onMouseDown", | ||
"capture": false | ||
}, | ||
{ | ||
"event": "touchstart", | ||
"method": "onMouseDown", | ||
"capture": false | ||
} | ||
], | ||
"hostElement": { | ||
"name": "element" | ||
}, | ||
"events": [ | ||
{ | ||
"event": "thumbChangeEnd" | ||
}, | ||
{ | ||
"event": "thumbChangeStart" | ||
}, | ||
{ | ||
"event": "thumbDecrease" | ||
}, | ||
{ | ||
"event": "thumbIncrease" | ||
}, | ||
{ | ||
"event": "thumbMove" | ||
} | ||
] | ||
}, | ||
{ | ||
"tag": "as-switch", | ||
@@ -78,0 +306,0 @@ "dependencies": [], |
// airship: Host Data, ES Module/ES5 Target | ||
export var CategoryWidget = ["as-category-widget",function(){return(import("./as-category-widget.js")).then(function(m){return m.AsCategoryWidget})},1,[["categories",1],["clearSelection",6],["defaultBarColor",1,0,"default-bar-color",2],["description",1,0,1,2],["getSelectedCategories",6],["heading",1,0,1,2],["selectedCategories",5],["showClearButton",1,0,"show-clear-button",3],["showHeader",1,0,"show-header",3],["useTotalPercentage",1,0,"use-total-percentage",3],["visibleCategories",1,0,"visible-categories",4]]]; | ||
export var CategoryWidget = ["as-category-widget",function(o){return(import("./mfdkhduo.js")).then(function(m){return m.AsCategoryWidget})},1,[["categories",1],["clearSelection",6],["defaultBarColor",1,0,"default-bar-color",2],["description",1,0,1,2],["getSelectedCategories",6],["heading",1,0,1,2],["selectedCategories",5],["showClearButton",1,0,"show-clear-button",3],["showHeader",1,0,"show-header",3],["useTotalPercentage",1,0,"use-total-percentage",3],["visibleCategories",1,0,"visible-categories",4]]]; | ||
export var Switch = ["as-switch",function(){return(import("./as-switch.js")).then(function(m){return m.AsSwitch})},1]; | ||
export var RangeSlider = ["as-range-slider",function(){return(import("./d1bszzxy.js")).then(function(m){return m.AsRangeSlider})},1,[["disabled",1,0,1,3],["draggable",1,0,1,3],["formatValue",1],["maxValue",1,0,"max-value",4],["minValue",1,0,"min-value",4],["range",1],["step",1,0,1,4],["thumbs",5],["value",1,0,1,4]]]; | ||
export var Toolbar = ["as-toolbar",function(){return(import("./as-toolbar.js")).then(function(m){return m.AsToolbar})}]; | ||
export var RangeSliderBar = ["as-range-slider-bar",function(){return(import("./d1bszzxy.js")).then(function(m){return m.AsRangeSliderBar})},1,[["disabled",1,0,1,3],["draggable",1,0,1,3],["element",7],["rangeEndPercentage",2,0,"range-end-percentage",4],["rangeStartPercentage",2,0,"range-start-percentage",4],["stepPercentage",1,0,"step-percentage",4]],0,[["mousedown","onMouseDown",0,1],["touchstart","onMouseDown",0,1]]]; | ||
export var ToolbarItem = ["as-toolbar-item",function(){return(import("./as-toolbar-item.js")).then(function(m){return m.AsToolbarItem})},0,[["src",1,0,1,2],["text",1,0,1,2]]]; | ||
export var RangeSliderThumb = ["as-range-slider-thumb",function(){return(import("./d1bszzxy.js")).then(function(m){return m.AsRangeSliderThumb})},1,[["disabled",1,0,1,3],["element",7],["formatValue",1],["percentage",1,0,1,4],["value",1,0,1,4],["valueMax",1,0,"value-max",4],["valueMin",1,0,"value-min",4]],0,[["mousedown","onMouseDown",0,1],["touchstart","onMouseDown",0,1],["keydown","onKeyDown"]]]; | ||
export var Switch = ["as-switch",function(){return(import("./c2cg9nc9.js")).then(function(m){return m.AsSwitch})},1]; | ||
export var Toolbar = ["as-toolbar",function(){return(import("./miikquec.js")).then(function(m){return m.AsToolbar})}]; | ||
export var ToolbarItem = ["as-toolbar-item",function(){return(import("./icdvcon9.js")).then(function(m){return m.AsToolbarItem})},0,[["src",1,0,1,2],["text",1,0,1,2]]]; |
@@ -5,2 +5,5 @@ // airship: Custom Elements Define Library, ES Module/ES5 Target | ||
CategoryWidget, | ||
RangeSlider, | ||
RangeSliderBar, | ||
RangeSliderThumb, | ||
Switch, | ||
@@ -14,2 +17,5 @@ Toolbar, | ||
CategoryWidget, | ||
RangeSlider, | ||
RangeSliderBar, | ||
RangeSliderThumb, | ||
Switch, | ||
@@ -16,0 +22,0 @@ Toolbar, |
@@ -140,2 +140,192 @@ import './stencil.core'; | ||
namespace StencilComponents { | ||
interface AsRangeSlider { | ||
/** | ||
* Disables component if truthy | ||
*/ | ||
'disabled': boolean; | ||
/** | ||
* If this property is set to true, and it has multiple value, you can drag the entire track. | ||
*/ | ||
'draggable': boolean; | ||
/** | ||
* If this property receives a function, it will be used to format the numbers (eg. for adding $ or €). | ||
*/ | ||
'formatValue': (value: number) => void; | ||
/** | ||
* Top limit of the range. You cannot drag your slider beyond this value. By default the value is 10. | ||
*/ | ||
'maxValue': number; | ||
/** | ||
* Bottom limit of the range. You cannot drag your slider below this value. By default the value is 0. | ||
*/ | ||
'minValue': number; | ||
/** | ||
* Initial range. | ||
*/ | ||
'range': number[]; | ||
/** | ||
* Increment/decrement step of the slider. You can change the step setting a different number to this property. Defaults to 1. | ||
*/ | ||
'step': number; | ||
/** | ||
* Initial value. | ||
*/ | ||
'value': number; | ||
} | ||
} | ||
interface HTMLAsRangeSliderElement extends StencilComponents.AsRangeSlider, HTMLStencilElement {} | ||
var HTMLAsRangeSliderElement: { | ||
prototype: HTMLAsRangeSliderElement; | ||
new (): HTMLAsRangeSliderElement; | ||
}; | ||
interface HTMLElementTagNameMap { | ||
'as-range-slider': HTMLAsRangeSliderElement; | ||
} | ||
interface ElementTagNameMap { | ||
'as-range-slider': HTMLAsRangeSliderElement; | ||
} | ||
namespace JSX { | ||
interface IntrinsicElements { | ||
'as-range-slider': JSXElements.AsRangeSliderAttributes; | ||
} | ||
} | ||
namespace JSXElements { | ||
export interface AsRangeSliderAttributes extends HTMLAttributes { | ||
/** | ||
* Disables component if truthy | ||
*/ | ||
'disabled'?: boolean; | ||
/** | ||
* If this property is set to true, and it has multiple value, you can drag the entire track. | ||
*/ | ||
'draggable'?: boolean; | ||
/** | ||
* If this property receives a function, it will be used to format the numbers (eg. for adding $ or €). | ||
*/ | ||
'formatValue'?: (value: number) => void; | ||
/** | ||
* Top limit of the range. You cannot drag your slider beyond this value. By default the value is 10. | ||
*/ | ||
'maxValue'?: number; | ||
/** | ||
* Bottom limit of the range. You cannot drag your slider below this value. By default the value is 0. | ||
*/ | ||
'minValue'?: number; | ||
'onChange'?: (event: CustomEvent<number[]>) => void; | ||
'onChangeEnd'?: (event: CustomEvent<number[]>) => void; | ||
'onChangeStart'?: (event: CustomEvent<number[]>) => void; | ||
/** | ||
* Initial range. | ||
*/ | ||
'range'?: number[]; | ||
/** | ||
* Increment/decrement step of the slider. You can change the step setting a different number to this property. Defaults to 1. | ||
*/ | ||
'step'?: number; | ||
/** | ||
* Initial value. | ||
*/ | ||
'value'?: number; | ||
} | ||
} | ||
} | ||
declare global { | ||
namespace StencilComponents { | ||
interface AsRangeSliderThumb { | ||
'disabled': boolean; | ||
'formatValue': (value: number) => void; | ||
'percentage': number; | ||
'value': number; | ||
'valueMax': number; | ||
'valueMin': number; | ||
} | ||
} | ||
interface HTMLAsRangeSliderThumbElement extends StencilComponents.AsRangeSliderThumb, HTMLStencilElement {} | ||
var HTMLAsRangeSliderThumbElement: { | ||
prototype: HTMLAsRangeSliderThumbElement; | ||
new (): HTMLAsRangeSliderThumbElement; | ||
}; | ||
interface HTMLElementTagNameMap { | ||
'as-range-slider-thumb': HTMLAsRangeSliderThumbElement; | ||
} | ||
interface ElementTagNameMap { | ||
'as-range-slider-thumb': HTMLAsRangeSliderThumbElement; | ||
} | ||
namespace JSX { | ||
interface IntrinsicElements { | ||
'as-range-slider-thumb': JSXElements.AsRangeSliderThumbAttributes; | ||
} | ||
} | ||
namespace JSXElements { | ||
export interface AsRangeSliderThumbAttributes extends HTMLAttributes { | ||
'disabled'?: boolean; | ||
'formatValue'?: (value: number) => void; | ||
'onThumbChangeEnd'?: (event: CustomEvent<void>) => void; | ||
'onThumbChangeStart'?: (event: CustomEvent<void>) => void; | ||
'onThumbDecrease'?: (event: CustomEvent<number>) => void; | ||
'onThumbIncrease'?: (event: CustomEvent<number>) => void; | ||
'onThumbMove'?: (event: CustomEvent<number>) => void; | ||
'percentage'?: number; | ||
'value'?: number; | ||
'valueMax'?: number; | ||
'valueMin'?: number; | ||
} | ||
} | ||
} | ||
declare global { | ||
namespace StencilComponents { | ||
interface AsRangeSliderBar { | ||
'disabled': boolean; | ||
'draggable': boolean; | ||
'rangeEndPercentage': number; | ||
'rangeStartPercentage': number; | ||
'stepPercentage': number; | ||
} | ||
} | ||
interface HTMLAsRangeSliderBarElement extends StencilComponents.AsRangeSliderBar, HTMLStencilElement {} | ||
var HTMLAsRangeSliderBarElement: { | ||
prototype: HTMLAsRangeSliderBarElement; | ||
new (): HTMLAsRangeSliderBarElement; | ||
}; | ||
interface HTMLElementTagNameMap { | ||
'as-range-slider-bar': HTMLAsRangeSliderBarElement; | ||
} | ||
interface ElementTagNameMap { | ||
'as-range-slider-bar': HTMLAsRangeSliderBarElement; | ||
} | ||
namespace JSX { | ||
interface IntrinsicElements { | ||
'as-range-slider-bar': JSXElements.AsRangeSliderBarAttributes; | ||
} | ||
} | ||
namespace JSXElements { | ||
export interface AsRangeSliderBarAttributes extends HTMLAttributes { | ||
'disabled'?: boolean; | ||
'draggable'?: boolean; | ||
'onBarChangeEnd'?: (event: CustomEvent<void>) => void; | ||
'onBarChangeStart'?: (event: CustomEvent<void>) => void; | ||
'onBarMove'?: (event: CustomEvent<number[]>) => void; | ||
'rangeEndPercentage'?: number; | ||
'rangeStartPercentage'?: number; | ||
'stepPercentage'?: number; | ||
} | ||
} | ||
} | ||
declare global { | ||
namespace StencilComponents { | ||
interface AsSwitch { | ||
@@ -142,0 +332,0 @@ |
{ | ||
"name": "@carto/airship-components", | ||
"version": "1.0.0-alpha.29", | ||
"version": "1.0.0-alpha.30", | ||
"description": "CARTO Airship components", | ||
@@ -5,0 +5,0 @@ "module": "dist/esm/index.js", |
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
71
323086
2847
2