Socket
Socket
Sign inDemoInstall

@intelligentgrowthsolutions/eco

Package Overview
Dependencies
Maintainers
2
Versions
1048
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/cjs/utils-731d634a.js

2

dist/cjs/eco-button.cjs.entry.js

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight),\n 0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n auto-fill,\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 6ch + var(--sp-md))\n )}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputFileCss = "div{--color:var(--c-cta-default);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button{cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n 0 0 var(--bw-thick) var(--color),\n 0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoInputTimeCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoMessageboxCss = ":host{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div{color:var(--c-text);background-color:hsla(var(--color), 0.1);padding:var(--sp-md);position:relative;z-index:2;border-radius:var(--br-md);border-width:calc(var(--sp-sm) / 8);border-style:solid;border-color:hsl(var(--color));display:flex}.default{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info{--color:var(--c-cta-info-hsl)}.ghost{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success{--color:var(--c-cta-success-hsl)}.danger{--color:var(--c-cta-danger-hsl)}.warning{--color:var(--c-cta-warning-hsl)}eco-icon{margin-right:var(--sp-md)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n calc(var(--fs-md) * 12),\n calc(var(--fs-md) * 48),\n calc(100vw - var(--sp-md) - var(--sp-md))\n )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoSpacerCss = ":host{display:block}div{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs{gap:var(--sp-xxs)}.xs{gap:var(--sp-xs)}.sm{gap:var(--sp-sm)}.md{gap:var(--sp-md)}.lg{gap:var(--sp-lg)}.xl{gap:var(--sp-xl)}.xxl{gap:var(--sp-xxl)}.xxxl{gap:var(--sp-xxxl)}";

@@ -6,3 +6,3 @@ 'use strict';

const index = require('./index-7d3b3183.js');
const utils = require('./utils-c81cf533.js');
const utils = require('./utils-731d634a.js');

@@ -9,0 +9,0 @@ const ecoSpinnerCss = ":host{display:block;--center:var(--sp-xl);--petal:calc(var(--center) / 2);--time:3000ms;--color:var(--c-cta-success);--num-petals:8;user-select:none}.fullscreen{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;cursor:wait;z-index:99998;opacity:0;animation:fullscreen calc(var(--time) / var(--num-petals)) forwards}.sm{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span{grid-column:1 / 1;grid-row:1 / 1}.center{transform:scale(0);height:var(--center);width:var(--center);border-radius:var(--center);background-color:var(--color);animation:center calc(var(--time) / var(--num-petals)) forwards;z-index:1}.petal{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal:after{content:\"\";display:block;height:var(--petal);width:var(--petal);border-radius:var(--petal) var(--petal) var(--petal) 0;background-color:var(--color);transform:rotateZ(-0.125turn)}.petal-1{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono{--color:var(--c-text-on-light)}.fullscreen .mono{--color:var(--c-text-on-dark)}.multi{--color:var(--c-text-on-light)}.fullscreen .multi{--color:var(--c-text-on-dark)}.multi .petal-1{--color:hsl(0deg, 80%, 66%)}.multi .petal-2{--color:hsl(45deg, 80%, 66%)}.multi .petal-3{--color:hsl(90deg, 80%, 66%)}.multi .petal-4{--color:hsl(135deg, 80%, 66%)}.multi .petal-5{--color:hsl(180deg, 80%, 66%)}.multi .petal-6{--color:hsl(225deg, 80%, 66%)}.multi .petal-7{--color:hsl(270deg, 80%, 66%)}.multi .petal-8{--color:hsl(315deg, 80%, 66%)}p{padding:var(--sp-md);margin:0;color:var(--c-text-on-dark)}@keyframes fullscreen{from{opacity:0}to{opacity:0.9}}@keyframes loader{from{transform:rotateZ(0turn)}to{transform:rotateZ(1turn)}}@keyframes center{from{transform:scale(0)}to{transform:scale(1)}}@keyframes petal{0%{transform:scale(0) rotateZ(0turn)}20%{transform:scale(1) rotateZ(0.2turn)}90%{transform:scale(1) rotateZ(1turn)}100%{transform:scale(0) rotateZ(1turn)}}";

@@ -67,2 +67,3 @@ export var EcoTypeList;

EcoIconList["edit"] = "edit";
EcoIconList["failedPhoto"] = "failed-photo";
EcoIconList["gtlAdd"] = "gtl-add";

@@ -77,2 +78,3 @@ EcoIconList["gtlExtract"] = "gtl-extract";

EcoIconList["schedule"] = "schedule";
EcoIconList["timer"] = "timer";
EcoIconList["upload"] = "upload";

@@ -79,0 +81,0 @@ EcoIconList["view"] = "view";

@@ -72,2 +72,3 @@ import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client';

EcoIconList["edit"] = "edit";
EcoIconList["failedPhoto"] = "failed-photo";
EcoIconList["gtlAdd"] = "gtl-add";

@@ -82,2 +83,3 @@ EcoIconList["gtlExtract"] = "gtl-extract";

EcoIconList["schedule"] = "schedule";
EcoIconList["timer"] = "timer";
EcoIconList["upload"] = "upload";

@@ -84,0 +86,0 @@ EcoIconList["view"] = "view";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { g as EcoInputSizeList, c as EcoTypeList } from './utils-811399b0.js';
import { g as EcoInputSizeList, c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight),\n 0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host, F as Fragment, g as getElement } from './index-c81e7d26.js';
import { g as EcoInputSizeList, d as EcoIconList } from './utils-811399b0.js';
import { g as EcoInputSizeList, d as EcoIconList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { d as EcoIconList, c as EcoTypeList, g as EcoInputSizeList } from './utils-811399b0.js';
import { d as EcoIconList, c as EcoTypeList, g as EcoInputSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n auto-fill,\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 6ch + var(--sp-md))\n )}";

import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputFileCss = "div{--color:var(--c-cta-default);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button{cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n 0 0 var(--bw-thick) var(--color),\n 0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTimeCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { c as EcoTypeList } from './utils-811399b0.js';
import { c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoMessageboxCss = ":host{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div{color:var(--c-text);background-color:hsla(var(--color), 0.1);padding:var(--sp-md);position:relative;z-index:2;border-radius:var(--br-md);border-width:calc(var(--sp-sm) / 8);border-style:solid;border-color:hsl(var(--color));display:flex}.default{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info{--color:var(--c-cta-info-hsl)}.ghost{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success{--color:var(--c-cta-success-hsl)}.danger{--color:var(--c-cta-danger-hsl)}.warning{--color:var(--c-cta-warning-hsl)}eco-icon{margin-right:var(--sp-md)}";

import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
import { d as EcoIconList, c as EcoTypeList } from './utils-811399b0.js';
import { d as EcoIconList, c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n calc(var(--fs-md) * 12),\n calc(var(--fs-md) * 48),\n calc(100vw - var(--sp-md) - var(--sp-md))\n )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";

import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSpacerCss = ":host{display:block}div{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs{gap:var(--sp-xxs)}.xs{gap:var(--sp-xs)}.sm{gap:var(--sp-sm)}.md{gap:var(--sp-md)}.lg{gap:var(--sp-lg)}.xl{gap:var(--sp-xl)}.xxl{gap:var(--sp-xxl)}.xxxl{gap:var(--sp-xxxl)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-811399b0.js';
import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSpinnerCss = ":host{display:block;--center:var(--sp-xl);--petal:calc(var(--center) / 2);--time:3000ms;--color:var(--c-cta-success);--num-petals:8;user-select:none}.fullscreen{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;cursor:wait;z-index:99998;opacity:0;animation:fullscreen calc(var(--time) / var(--num-petals)) forwards}.sm{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span{grid-column:1 / 1;grid-row:1 / 1}.center{transform:scale(0);height:var(--center);width:var(--center);border-radius:var(--center);background-color:var(--color);animation:center calc(var(--time) / var(--num-petals)) forwards;z-index:1}.petal{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal:after{content:\"\";display:block;height:var(--petal);width:var(--petal);border-radius:var(--petal) var(--petal) var(--petal) 0;background-color:var(--color);transform:rotateZ(-0.125turn)}.petal-1{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono{--color:var(--c-text-on-light)}.fullscreen .mono{--color:var(--c-text-on-dark)}.multi{--color:var(--c-text-on-light)}.fullscreen .multi{--color:var(--c-text-on-dark)}.multi .petal-1{--color:hsl(0deg, 80%, 66%)}.multi .petal-2{--color:hsl(45deg, 80%, 66%)}.multi .petal-3{--color:hsl(90deg, 80%, 66%)}.multi .petal-4{--color:hsl(135deg, 80%, 66%)}.multi .petal-5{--color:hsl(180deg, 80%, 66%)}.multi .petal-6{--color:hsl(225deg, 80%, 66%)}.multi .petal-7{--color:hsl(270deg, 80%, 66%)}.multi .petal-8{--color:hsl(315deg, 80%, 66%)}p{padding:var(--sp-md);margin:0;color:var(--c-text-on-dark)}@keyframes fullscreen{from{opacity:0}to{opacity:0.9}}@keyframes loader{from{transform:rotateZ(0turn)}to{transform:rotateZ(1turn)}}@keyframes center{from{transform:scale(0)}to{transform:scale(1)}}@keyframes petal{0%{transform:scale(0) rotateZ(0turn)}20%{transform:scale(1) rotateZ(0.2turn)}90%{transform:scale(1) rotateZ(1turn)}100%{transform:scale(0) rotateZ(1turn)}}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { g as EcoInputSizeList, c as EcoTypeList } from './utils-811399b0.js';
import { g as EcoInputSizeList, c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoButtonCss = "button{--color:var(--c-cta-default);--highlight:var(--c-cta-default);--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md);--shadow-outer:hsla(var(--igs-primary-dark-blue-hsl), 0.1);text-align:center;cursor:pointer;appearance:none;user-select:none;border:none;outline:0;display:flex;align-items:center;width:100%;padding:var(--padding);font-size:var(--fs);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--color);background-color:var(--c-cta-background);border-radius:var(--border-radius);box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-base) var(--highlight);transition:all 150ms}button:hover,button:focus{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight), 0 0 var(--sp-sm) var(--shadow-outer)}button:active{box-shadow:0 0 0 var(--bw-thin) var(--highlight),\n 0 0 var(--bw-thick) var(--highlight),\n 0 0 var(--sp-sm) var(--shadow-outer) inset}button[disabled]{filter:grayscale(100%) opacity(0.8);cursor:not-allowed;background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}button[disabled]:hover,button[disabled]:focus,button[disabled]:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.default{--color:var(--c-cta-default);--highlight:var(--c-cta-default)}.info{--color:var(--c-cta-info);--highlight:var(--c-cta-info)}.ghost{--color:var(--c-text);--highlight:var(--c-cta-background)}.ghost:hover::before,.ghost:focus::before{--highlight:var(--c-text)}.success{--color:var(--c-cta-success);--highlight:var(--c-cta-success)}.danger{--color:var(--c-cta-danger);--highlight:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning);--highlight:var(--c-cta-warning)}.sm{--fs:var(--fs-sm);--padding:var(--sp-xs);--border-radius:var(--br-md)}.md{--fs:var(--fs-md);--padding:var(--sp-sm);--border-radius:var(--br-md)}.lg{--fs:var(--fs-lg);--padding:var(--sp-md);--border-radius:var(--br-lg)}.xl{--fs:var(--fs-xl);--padding:var(--sp-lg);--border-radius:var(--br-xl)}span{min-height:var(--fs-xl);display:flex;align-items:center}eco-icon{margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host, F as Fragment, g as getElement } from './index-c81e7d26.js';
import { g as EcoInputSizeList, d as EcoIconList } from './utils-811399b0.js';
import { g as EcoInputSizeList, d as EcoIconList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoCardCss = ":host{--card-background:hsl(0, 0%, 100%);--card-shadow:hsl(var(--igs-primary-dark-blue-h), 0%, 60%, 0.4);display:block;background-color:var(--card-background);border-radius:var(--br-md);box-shadow:0 calc(var(--sp-md) / 8) calc(var(--sp-md) / 6) var(--card-shadow)}.sticky{position:sticky;top:0;background-color:var(--card-background);z-index:1}.collapsable{cursor:pointer;user-select:none}.collapsed{border-radius:var(--br-md)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { d as EcoIconList, c as EcoTypeList, g as EcoInputSizeList } from './utils-811399b0.js';
import { d as EcoIconList, c as EcoTypeList, g as EcoInputSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoIconCss = ":host{display:inline-block;--size:var(--sp-lg);--color:var(--c-text)}div{display:block;height:var(--size);width:var(--size);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;background-color:var(--color)}.sm{--size:var(--sp-md)}.md{--size:var(--sp-lg)}.lg{--size:var(--sp-xl)}.xl{--size:var(--sp-xxl)}.default{--color:var(--c-text)}.info{--color:var(--c-cta-info)}.ghost{--color:var(--c-text-secondary)}.success{--color:var(--c-cta-success)}.danger{--color:var(--c-cta-danger)}.warning{--color:var(--c-cta-warning)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputDateCss = "div{display:grid;gap:var(--sp-xxs)}.inputs{display:grid;column-gap:var(--sp-md);grid-template-columns:repeat(\n auto-fill,\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 3ch + var(--sp-md))\n calc(var(--sp-md) + 6ch + var(--sp-md))\n )}";

import { r as registerInstance, h, e as Host, g as getElement } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputFileCss = "div{--color:var(--c-cta-default);max-width:100%;display:grid;gap:var(--sp-xxs);grid-template-columns:100%}input{display:none}label{display:grid;grid-template-columns:1fr auto;gap:var(--sp-md);justify-content:center;align-items:center;box-shadow:0 0 0 var(--bw-thin) var(--color);border-radius:var(--br-md);padding-left:var(--sp-md);user-select:none;cursor:pointer;background-color:var(--c-cta-background)}label:hover,label:focus,label::active{box-shadow:0 0 0 var(--bw-thick) var(--color)}.button{cursor:pointer;user-select:none;padding:var(--sp-sm);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--line-height-tight);color:var(--c-text);background-color:var(--c-cta-background);border-radius:var(--br-md);box-shadow:0 0 0 var(--bw-thin) var(--color), 0 0 var(--bw-base) var(--color);transition:all 150ms}.button:hover,.button:focus{box-shadow:0 0 0 var(--bw-thin) var(--color),\n 0 0 var(--bw-thick) var(--color),\n 0 0 var(--sp-sm) hsla(var(--igs-primary-dark-blue-hsl), 0.2)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm label{width:15ch}.md label{width:30ch}.lg label{width:45ch}.full label{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}.disabled{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}.disabled .button{cursor:not-allowed;filter:grayscale(100%) opacity(0.8);background-color:var(--c-input-disabled);box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}.disabled .button:hover,.disabled .button:focus,.disabled .button:active{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-background)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextCss = ":host{--color:var(--c-text);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}input{display:block;font-size:var(--fs-md);font-weight:var(--fw-base);background-color:var(--c-cta-background);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%}input:not(:placeholder-shown){box-shadow:0 0 0 var(--bw-thin) var(--c-cta-danger)}input:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}input:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}input[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}input:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm input{width:15ch}.md input{width:30ch}.lg input{width:45ch}.full input{max-width:100%}eco-text-input-optional{margin-left:var(--sp-xs);margin-right:var(--sp-xs)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTextareaCss = ":host{--color:var(--c-text);--height:var(--fs-md);display:block;max-width:100%}div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}textarea{background-color:var(--c-cta-background);font-family:var(--ff-base);font-size:var(--fs-md);padding:var(--sp-sm);border-radius:var(--br-md);border:none;outline:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 var(--bw-thin) var(--color);max-width:100%;resize:none}textarea:valid{box-shadow:0 0 0 var(--bw-thin) var(--c-cta-success);box-shadow:0 0 0 var(--bw-thin) var(--color)}textarea:focus{box-shadow:0 0 0 var(--bw-thick) var(--color)}textarea[disabled]{cursor:not-allowed;user-select:none;background-color:var(--c-input-disabled);color:var(--c-text)}textarea:read-only{color:var(--c-text-secondary)}.default{--color:var(--c-text)}.error{--color:var(--c-cta-danger)}.success{--color:var(--c-cta-success)}.sm textarea{width:15ch}.md textarea{width:30ch}.lg textarea{width:45ch}.full textarea{max-width:100%}.short textarea{height:calc(var(--height) * 4)}.average textarea{height:calc(var(--height) * 6)}.tall textarea{height:calc(var(--height) * 15)}.resize{resize:both}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoInputTimeCss = "div{display:grid;gap:var(--sp-xs)}.inputs{display:grid;gap:var(--sp-xs) var(--sp-md);grid-template-columns:repeat(auto-fill, calc(var(--fs-md) * 5))}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { c as EcoTypeList } from './utils-811399b0.js';
import { c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoMessageboxCss = ":host{background-color:var(--c-cta-background);display:block;border-radius:var(--br-md)}div{color:var(--c-text);background-color:hsla(var(--color), 0.1);padding:var(--sp-md);position:relative;z-index:2;border-radius:var(--br-md);border-width:calc(var(--sp-sm) / 8);border-style:solid;border-color:hsl(var(--color));display:flex}.default{--color:var(--c-text);border-color:var(--c-text-secondary);background-color:var(--c-cta-background)}.info{--color:var(--c-cta-info-hsl)}.ghost{background-color:var(--c-cta-background);border-color:var(--c-text-secondary)}.success{--color:var(--c-cta-success-hsl)}.danger{--color:var(--c-cta-danger-hsl)}.warning{--color:var(--c-cta-warning-hsl)}eco-icon{margin-right:var(--sp-md)}";

import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
import { d as EcoIconList, c as EcoTypeList } from './utils-811399b0.js';
import { d as EcoIconList, c as EcoTypeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoModalCss = ":host{}.overlay{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-overlay);z-index:99998;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper{z-index:99999;opacity:0.5;transform:scale(0.9);animation:wrapper 150ms ease-in-out forwards}@keyframes wrapper{to{opacity:1;transform:scale(1)}}.modal{overflow:hidden;width:clamp(\n calc(var(--fs-md) * 12),\n calc(var(--fs-md) * 48),\n calc(100vw - var(--sp-md) - var(--sp-md))\n )}header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-md)}h2{margin:0}footer{display:flex;justify-content:flex-end;gap:var(--sp-md)}";

import { r as registerInstance, f as createEvent, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoRadioGroupCss = ":host{display:block}:host:last-of-type{margin-bottom:0}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js';
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { E as EcoSpacerSizeList } from './utils-811399b0.js';
import { E as EcoSpacerSizeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSpacerCss = ":host{display:block}div{display:grid;grid-template-columns:100%;gap:var(--sp-md)}.xxs{gap:var(--sp-xxs)}.xs{gap:var(--sp-xs)}.sm{gap:var(--sp-sm)}.md{gap:var(--sp-md)}.lg{gap:var(--sp-lg)}.xl{gap:var(--sp-xl)}.xxl{gap:var(--sp-xxl)}.xxxl{gap:var(--sp-xxxl)}";

import { r as registerInstance, h, e as Host } from './index-c81e7d26.js';
import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-811399b0.js';
import { e as EcoSpinnerSizeList, f as EcoSpinnerThemeList } from './utils-06ee9ac3.js';

@@ -4,0 +4,0 @@ const ecoSpinnerCss = ":host{display:block;--center:var(--sp-xl);--petal:calc(var(--center) / 2);--time:3000ms;--color:var(--c-cta-success);--num-petals:8;user-select:none}.fullscreen{position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;background-color:var(--c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;cursor:wait;z-index:99998;opacity:0;animation:fullscreen calc(var(--time) / var(--num-petals)) forwards}.sm{--center:var(--sp-xs);--petal:calc(var(--center) / 2)}.md{--center:var(--sp-md);--petal:calc(var(--center) / 2)}.lg{--center:var(--sp-xxl);--petal:calc(var(--center) / 2)}.spinner{animation:loader var(--time) linear infinite;display:grid;grid-template:1fr / 1fr;place-items:center}span{grid-column:1 / 1;grid-row:1 / 1}.center{transform:scale(0);height:var(--center);width:var(--center);border-radius:var(--center);background-color:var(--color);animation:center calc(var(--time) / var(--num-petals)) forwards;z-index:1}.petal{height:calc(var(--center) * 2.4);width:var(--petal);transform-origin:center;animation:petal var(--time) linear infinite;transform:scale(0)}.petal:after{content:\"\";display:block;height:var(--petal);width:var(--petal);border-radius:var(--petal) var(--petal) var(--petal) 0;background-color:var(--color);transform:rotateZ(-0.125turn)}.petal-1{animation-delay:calc(var(--time) / var(--num-petals) * 0)}.petal-2{animation-delay:calc(var(--time) / var(--num-petals) * 1)}.petal-3{animation-delay:calc(var(--time) / var(--num-petals) * 2)}.petal-4{animation-delay:calc(var(--time) / var(--num-petals) * 3)}.petal-5{animation-delay:calc(var(--time) / var(--num-petals) * 4)}.petal-6{animation-delay:calc(var(--time) / var(--num-petals) * 5)}.petal-7{animation-delay:calc(var(--time) / var(--num-petals) * 6)}.petal-8{animation-delay:calc(var(--time) / var(--num-petals) * 7)}.mono{--color:var(--c-text-on-light)}.fullscreen .mono{--color:var(--c-text-on-dark)}.multi{--color:var(--c-text-on-light)}.fullscreen .multi{--color:var(--c-text-on-dark)}.multi .petal-1{--color:hsl(0deg, 80%, 66%)}.multi .petal-2{--color:hsl(45deg, 80%, 66%)}.multi .petal-3{--color:hsl(90deg, 80%, 66%)}.multi .petal-4{--color:hsl(135deg, 80%, 66%)}.multi .petal-5{--color:hsl(180deg, 80%, 66%)}.multi .petal-6{--color:hsl(225deg, 80%, 66%)}.multi .petal-7{--color:hsl(270deg, 80%, 66%)}.multi .petal-8{--color:hsl(315deg, 80%, 66%)}p{padding:var(--sp-md);margin:0;color:var(--c-text-on-dark)}@keyframes fullscreen{from{opacity:0}to{opacity:0.9}}@keyframes loader{from{transform:rotateZ(0turn)}to{transform:rotateZ(1turn)}}@keyframes center{from{transform:scale(0)}to{transform:scale(1)}}@keyframes petal{0%{transform:scale(0) rotateZ(0turn)}20%{transform:scale(1) rotateZ(0.2turn)}90%{transform:scale(1) rotateZ(1turn)}100%{transform:scale(0) rotateZ(1turn)}}";

@@ -62,2 +62,3 @@ export declare type CssClassMap = {

edit = "edit",
failedPhoto = "failed-photo",
gtlAdd = "gtl-add",

@@ -72,2 +73,3 @@ gtlExtract = "gtl-extract",

schedule = "schedule",
timer = "timer",
upload = "upload",

@@ -74,0 +76,0 @@ view = "view",

{
"name": "@intelligentgrowthsolutions/eco",
"version": "1.0.4",
"version": "1.0.5",
"description": "Eco Design System for Intelligent Growth Solutions",

@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

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