Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@carto/airship-components

Package Overview
Dependencies
Maintainers
19
Versions
82
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@carto/airship-components - npm Package Compare versions

Comparing version 1.0.0-alpha.29 to 1.0.0-alpha.30

dist/airship/airship.5xdyz29r.js

137

dist/airship.js
/*!
* 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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc