New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@ebot7/edem

Package Overview
Dependencies
Maintainers
2
Versions
90
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ebot7/edem - npm Package Compare versions

Comparing version 0.8.1 to 0.8.2

dist/edem/ed-icon.entry.js

2

dist/cjs/ed-button_2.cjs.entry.js

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

const edButtonCss = ":host{box-sizing:border-box;display:inline-block;width:auto;border-radius:var(--border-radius, 4px);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:inherit}:host *{box-sizing:border-box}:host([disabled]){--opacity:0.5;pointer-events:none;cursor:not-allowed}:host([disabled]) .native{cursor:default;pointer-events:none}:host([full-width]){width:100%}.native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;display:flex;position:relative;width:100%;height:100%;min-height:inherit;align-items:center;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;contain:layout style;outline:none;opacity:var(--opacity, 1);overflow:var(--overflow);transition:var(--transition, 100ms cubic-bezier(0.4, 0, 0.2, 1));z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color, #046B99);font-family:var(--font, -apple-system, San Francisco, Helvetica Neue, Segoe WP, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol);font-weight:var(--font-weight, 500);font-size:var(--font-size, 11px);line-height:var(--font-size, 14px);-webkit-font-kerning:none;font-kerning:none;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}.native::-moz-focus-inner{border:0}.inner{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;width:100%;height:100%}.content{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}:host([size=sm]){height:32px}:host([size=sm]) .native{padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 11px);font-weight:var(--font-weight, 600);line-height:var(--font-size, 14px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=sm]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}:host([size=sm]) .inner{line-height:32px}:host([size=md]){height:40px}:host([size=md]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 14px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=md]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=md]) .inner{line-height:40px}:host([size=lg]){height:56px}:host([size=lg]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 16px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=lg]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=lg]) .inner{line-height:56px}:host([fill=solid][color=default]) .native{background-color:#DEE0E3;color:#213245}:host([fill=solid][color=default]):host(:hover) .native{background-color:#ecedef}:host([fill=solid][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=default]):host(:active) .native,:host([fill=solid][color=default]):host([active]) .native{background-color:#d0d3d7}:host([fill=outlined][color=default]) .native{background-color:transparent;color:#213245;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=default]):host(:active) .native,:host([fill=outlined][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #c9cdd1}:host([fill=clear][color=default]) .native{background-color:transparent;color:#213245}:host([fill=clear][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b}:host([fill=clear][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=default]):host(:active) .native,:host([fill=clear][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.07);color:#151f2b}:host([fill=solid][color=primary]) .native{background-color:#046B99;color:#FFFFFF}:host([fill=solid][color=primary]):host(:hover) .native{background-color:#057cb2}:host([fill=solid][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=primary]):host(:active) .native,:host([fill=solid][color=primary]):host([active]) .native{background-color:#035a80}:host([fill=outlined][color=primary]) .native{background-color:transparent;color:#046B99;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=primary]):host(:active) .native,:host([fill=outlined][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #035174}:host([fill=clear][color=primary]) .native{background-color:transparent;color:#046B99}:host([fill=clear][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174}:host([fill=clear][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=primary]):host(:active) .native,:host([fill=clear][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.07);color:#035174}:host([fill=solid][color=success]) .native{background-color:#74AC41;color:#FFFFFF}:host([fill=solid][color=success]):host(:hover) .native{background-color:#81bb4b}:host([fill=solid][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=success]):host(:active) .native,:host([fill=solid][color=success]):host([active]) .native{background-color:#68993a}:host([fill=outlined][color=success]) .native{background-color:transparent;color:#74AC41;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=success]):host(:active) .native,:host([fill=outlined][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #619037}:host([fill=clear][color=success]) .native{background-color:transparent;color:#74AC41}:host([fill=clear][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037}:host([fill=clear][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=success]):host(:active) .native,:host([fill=clear][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.07);color:#619037}:host([fill=solid][color=warning]) .native{background-color:#F6C24E;color:#FFFFFF}:host([fill=solid][color=warning]):host(:hover) .native{background-color:#f7ca66}:host([fill=solid][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=warning]):host(:active) .native,:host([fill=solid][color=warning]):host([active]) .native{background-color:#f5ba36}:host([fill=outlined][color=warning]) .native{background-color:transparent;color:#F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=warning]):host(:active) .native,:host([fill=outlined][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #f4b52a}:host([fill=clear][color=warning]) .native{background-color:transparent;color:#F6C24E}:host([fill=clear][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a}:host([fill=clear][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=warning]):host(:active) .native,:host([fill=clear][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.07);color:#f4b52a}:host([fill=solid][color=error]) .native{background-color:#EB3343;color:#FFFFFF}:host([fill=solid][color=error]):host(:hover) .native{background-color:#ed4a58}:host([fill=solid][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=error]):host(:active) .native,:host([fill=solid][color=error]):host([active]) .native{background-color:#e91c2e}:host([fill=outlined][color=error]) .native{background-color:transparent;color:#EB3343;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=error]):host(:active) .native,:host([fill=outlined][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #e21628}:host([fill=clear][color=error]) .native{background-color:transparent;color:#EB3343}:host([fill=clear][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628}:host([fill=clear][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=error]):host(:active) .native,:host([fill=clear][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.07);color:#e21628}:host([fill=solid][color=info]) .native{background-color:#3689AD;color:#FFFFFF}:host([fill=solid][color=info]):host(:hover) .native{background-color:#3c98c0}:host([fill=solid][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=info]):host(:active) .native,:host([fill=solid][color=info]):host([active]) .native{background-color:#307a9a}:host([fill=outlined][color=info]) .native{background-color:transparent;color:#3689AD;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=info]):host(:active) .native,:host([fill=outlined][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #2d7290}:host([fill=clear][color=info]) .native{background-color:transparent;color:#3689AD}:host([fill=clear][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290}:host([fill=clear][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=info]):host(:active) .native,:host([fill=clear][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.07);color:#2d7290}:host([align=start]) .inner{justify-content:flex-start}:host([align=start]) .inner .content{text-align:start}:host([align=end]) .inner{justify-content:flex-end}:host([align=end]) .inner .content{text-align:end}:host([align=center]) .inner{justify-content:center}:host([align=center]) .inner .content{text-align:center}::slotted(ed-icon){pointer-events:none;font-size:1.2em}::slotted([slot=start]){margin-left:calc(16px / -2);margin-right:0.5em;margin-top:0;margin-bottom:0;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:0.5em;margin-inline-end:0.5em}}::slotted([slot=end]){margin-left:auto;margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}::slotted(ed-icon[slot=icon-only]){margin-left:calc(16px / -2);margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ed-icon[slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}";
const edButtonCss = ":host{box-sizing:border-box;display:inline-block;width:auto;border-radius:var(--border-radius, 4px);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;pointer-events:inherit}:host *{box-sizing:border-box}:host([disabled]){--opacity:0.5;pointer-events:none;cursor:not-allowed}:host([disabled]) .native{cursor:default;pointer-events:none}:host([full-width]){width:100%}.native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;display:flex;position:relative;width:100%;height:100%;min-height:inherit;align-items:center;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;contain:layout style;outline:none;opacity:var(--opacity, 1);overflow:var(--overflow);transition:var(--transition, 100ms cubic-bezier(0.4, 0, 0.2, 1));z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color, #046B99);font-family:var(--font, -apple-system, San Francisco, Helvetica Neue, Segoe WP, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol);font-weight:var(--font-weight, 500);font-size:var(--font-size, 11px);line-height:var(--font-size, 14px);-webkit-font-kerning:none;font-kerning:none;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}.native::-moz-focus-inner{border:0}.inner{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;width:100%;height:100%}.content{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}:host([size=sm]){height:32px}:host([size=sm]) .native{padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 11px);font-weight:var(--font-weight, 600);line-height:var(--font-size, 14px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=sm]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}:host([size=sm]) .inner{line-height:32px}:host([size=md]){height:40px}:host([size=md]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 14px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=md]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=md]) .inner{line-height:40px}:host([size=lg]){height:56px}:host([size=lg]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 16px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=lg]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=lg]) .inner{line-height:56px}:host([fill=solid][color=default]) .native{background-color:#DEE0E3;color:#213245}:host([fill=solid][color=default]):host(:hover) .native{background-color:#ecedef}:host([fill=solid][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=default]):host(:active) .native,:host([fill=solid][color=default]):host([active]) .native{background-color:#d0d3d7}:host([fill=outlined][color=default]) .native{background-color:transparent;color:#213245;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=default]):host(:active) .native,:host([fill=outlined][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #c9cdd1}:host([fill=clear][color=default]) .native{background-color:transparent;color:#213245}:host([fill=clear][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b}:host([fill=clear][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=default]):host(:active) .native,:host([fill=clear][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.07);color:#151f2b}:host([fill=solid][color=primary]) .native{background-color:#046B99;color:#FFFFFF}:host([fill=solid][color=primary]):host(:hover) .native{background-color:#057cb2}:host([fill=solid][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=primary]):host(:active) .native,:host([fill=solid][color=primary]):host([active]) .native{background-color:#035a80}:host([fill=outlined][color=primary]) .native{background-color:transparent;color:#046B99;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=primary]):host(:active) .native,:host([fill=outlined][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #035174}:host([fill=clear][color=primary]) .native{background-color:transparent;color:#046B99}:host([fill=clear][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174}:host([fill=clear][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=primary]):host(:active) .native,:host([fill=clear][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.07);color:#035174}:host([fill=solid][color=success]) .native{background-color:#74AC41;color:#FFFFFF}:host([fill=solid][color=success]):host(:hover) .native{background-color:#81bb4b}:host([fill=solid][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=success]):host(:active) .native,:host([fill=solid][color=success]):host([active]) .native{background-color:#68993a}:host([fill=outlined][color=success]) .native{background-color:transparent;color:#74AC41;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=success]):host(:active) .native,:host([fill=outlined][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #619037}:host([fill=clear][color=success]) .native{background-color:transparent;color:#74AC41}:host([fill=clear][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037}:host([fill=clear][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=success]):host(:active) .native,:host([fill=clear][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.07);color:#619037}:host([fill=solid][color=warning]) .native{background-color:#F6C24E;color:#FFFFFF}:host([fill=solid][color=warning]):host(:hover) .native{background-color:#f7ca66}:host([fill=solid][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=warning]):host(:active) .native,:host([fill=solid][color=warning]):host([active]) .native{background-color:#f5ba36}:host([fill=outlined][color=warning]) .native{background-color:transparent;color:#F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=warning]):host(:active) .native,:host([fill=outlined][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #f4b52a}:host([fill=clear][color=warning]) .native{background-color:transparent;color:#F6C24E}:host([fill=clear][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a}:host([fill=clear][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=warning]):host(:active) .native,:host([fill=clear][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.07);color:#f4b52a}:host([fill=solid][color=error]) .native{background-color:#EB3343;color:#FFFFFF}:host([fill=solid][color=error]):host(:hover) .native{background-color:#ed4a58}:host([fill=solid][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=error]):host(:active) .native,:host([fill=solid][color=error]):host([active]) .native{background-color:#e91c2e}:host([fill=outlined][color=error]) .native{background-color:transparent;color:#EB3343;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=error]):host(:active) .native,:host([fill=outlined][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #e21628}:host([fill=clear][color=error]) .native{background-color:transparent;color:#EB3343}:host([fill=clear][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628}:host([fill=clear][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=error]):host(:active) .native,:host([fill=clear][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.07);color:#e21628}:host([fill=solid][color=info]) .native{background-color:#3689AD;color:#FFFFFF}:host([fill=solid][color=info]):host(:hover) .native{background-color:#3c98c0}:host([fill=solid][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=info]):host(:active) .native,:host([fill=solid][color=info]):host([active]) .native{background-color:#307a9a}:host([fill=outlined][color=info]) .native{background-color:transparent;color:#3689AD;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=info]):host(:active) .native,:host([fill=outlined][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #2d7290}:host([fill=clear][color=info]) .native{background-color:transparent;color:#3689AD}:host([fill=clear][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290}:host([fill=clear][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=info]):host(:active) .native,:host([fill=clear][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.07);color:#2d7290}:host([align=start]) .inner{justify-content:flex-start}:host([align=start]) .inner .content{text-align:start}:host([align=end]) .inner{justify-content:flex-end}:host([align=end]) .inner .content{text-align:end}:host([align=center]) .inner{justify-content:center}:host([align=center]) .inner .content{text-align:center}::slotted(ed-icon){pointer-events:none;font-size:1.2em}::slotted([slot=start]){margin-left:calc(16px / -2);margin-right:0.5em;margin-top:0;margin-bottom:0;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:0.5em;margin-inline-end:0.5em}}::slotted([slot=end]){margin-left:auto;margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}::slotted(ed-icon[slot=icon-only]){margin-left:calc(16px / -2);margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ed-icon[slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}";

@@ -10,0 +10,0 @@ const EdButton = class {

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

const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{box-sizing:border-box}[full-width].sc-ed-input-h{width:100%}[disabled].sc-ed-input-h{opacity:0.5;pointer-events:none}[disabled].sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .input-root.sc-ed-input{height:40px}.input-root.sc-ed-input{display:inline-flex;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:flex;box-sizing:border-box;align-items:center;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;flex:1 1 auto;min-width:64px;margin:2px 0;padding:0;border:0;background:none;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#425161}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px}.sc-ed-input-h .sc-ed-input-s>ed-icon{flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #3689AD}.has-focus.sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #046B99 !important}";
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{box-sizing:border-box}[full-width].sc-ed-input-h{width:100%}[disabled].sc-ed-input-h{opacity:0.5;pointer-events:none}[disabled].sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .input-root.sc-ed-input{min-height:40px}.input-root.sc-ed-input{display:inline-flex;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:flex;box-sizing:border-box;align-items:center;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;flex:1 1 auto;min-width:64px;margin:2px 0;padding:0;border:0;background:none;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#425161}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:calc(24px - 2px)}.sc-ed-input-h .sc-ed-input-s>ed-icon{flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #3689AD}.has-focus.sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #046B99 !important}";

@@ -634,3 +634,3 @@ const EdInput = class {

const edTagCss = ":host{box-sizing:border-box;display:inline-block;line-height:1;outline:none}:host *{box-sizing:border-box}:host(:not(.clickable)) .button{pointer-events:none}:host .inner{max-width:200px;text-overflow:ellipsis;overflow:hidden}:host([no-truncate]) .inner{max-width:initial}:host .button::part(native-button){border-radius:8px;padding:0 8px;font-size:11px}.delete-icon{pointer-events:all;width:16px;-webkit-margin-end:-4px;margin-inline-end:-4px}:host([size=sm]){height:24px}:host([size=sm]) .button{height:24px}:host([size=sm]) .button::part(inner){line-height:24px}:host([size=md]){height:32px}:host([size=md]) .button{height:32px}:host([size=md]) .button::part(inner){line-height:32px}:host([size=lg]){height:40px}:host([size=lg]) .button{height:40px}:host([size=lg]) .button::part(inner){line-height:40px}";
const edTagCss = ":host{box-sizing:border-box;display:inline-block;line-height:1;outline:none}:host *{box-sizing:border-box}:host(:not(.clickable)) .button{pointer-events:none}:host .inner{max-width:200px;text-overflow:ellipsis;overflow:hidden}:host([no-truncate]) .inner{max-width:initial}:host .button{border-radius:8px}:host .button::part(native-button){border-radius:8px;padding:0 8px;font-size:11px}.delete-icon{pointer-events:all;width:16px;-webkit-margin-end:-4px;margin-inline-end:-4px}:host([size=sm]){height:24px}:host([size=sm]) .button{height:inherit}:host([size=sm]) .button::part(inner){line-height:24px}:host([size=md]){height:32px}:host([size=md]) .button{height:inherit}:host([size=md]) .button::part(inner){line-height:32px}:host([size=lg]){height:40px}:host([size=lg]) .button{height:inherit}:host([size=lg]) .button::part(inner){line-height:40px}";

@@ -685,3 +685,3 @@ const EdTag = class {

render() {
return (index.h(index.Host, { title: this.title, class: { clickable: this.clickable } }, index.h("ed-button", { size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" }, index.h("slot", { name: "start", slot: "start" }), index.h("div", { class: "inner" }, index.h("slot", null)), this.deletable && (index.h("ed-icon", { name: "remove_filled", slot: "end", class: "delete-icon", onClick: this.handleDelete })))));
return (index.h(index.Host, { title: this.title, class: { clickable: this.clickable } }, index.h("ed-button", { part: "button", size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" }, index.h("slot", { name: "start", slot: "start" }), index.h("div", { class: "inner" }, index.h("slot", null)), this.deletable && (index.h("ed-icon", { name: "remove_filled", slot: "end", class: "delete-icon", onClick: this.handleDelete })))));
}

@@ -688,0 +688,0 @@ get root() { return index.getElement(this); }

@@ -320,6 +320,8 @@ 'use strict';

render() {
var _a;
var _a, _b;
const options = this.getOptions();
const hasVisibleOptions = options.some(option => option.style.display !== 'none');
return (index.h(index.Host, null, index.h("ed-dropdown", { matchWidth: true, open: this.open, part: "dropdown", exportparts: "trigger, content", openEvent: "edFocus", closeEvent: "edBlur", position: "bottom left", closeTimeout: this.multiple ? 300 : 100, autoFocusOnTrigger: false, autoFocusOnContent: false, ref: el => (this.dropdown = el), onEdDropdownOpen: this.handleOpen, onEdDropdownClose: this.handleClose, onKeyDown: this.handleKeyDown }, index.h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: this.multiple && !this.searchable, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange }, this.startIcon && index.h("ed-icon", { name: this.startIcon, slot: "start" }), this.multiple && this.renderTags(options), index.h("ed-icon", { name: ((_a = this.endIcon) !== null && _a !== void 0 ? _a : this.open) ? 'facing_up' : 'facing_down', slot: "end" })), index.h("ed-menu", { part: "options-menu", class: "menu", tabIndex: -1, exportparts: "menu", ref: el => (this.menu = el), onClick: this.multiple && this.restoreInputFocus, onEdSelect: this.handleMenuSelect }, index.h("slot", { onSlotchange: this.handleOptionsChange }), !hasVisibleOptions && (index.h("slot", { name: "not-found" }, index.h("ed-option", { disabled: true }, "Nothing has been found")))))));
const hideValue = this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.searchable;
console.log('hideValue', hideValue);
return (index.h(index.Host, null, index.h("ed-dropdown", { matchWidth: true, open: this.open, part: "dropdown", exportparts: "trigger, content", openEvent: "edFocus", closeEvent: "edBlur", position: "bottom left", closeTimeout: this.multiple ? 300 : 100, autoFocusOnTrigger: false, autoFocusOnContent: false, ref: el => (this.dropdown = el), onEdDropdownOpen: this.handleOpen, onEdDropdownClose: this.handleClose, onKeyDown: this.handleKeyDown }, index.h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: hideValue, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange }, this.startIcon && index.h("ed-icon", { name: this.startIcon, slot: "start" }), this.multiple && this.renderTags(options), index.h("ed-icon", { name: ((_b = this.endIcon) !== null && _b !== void 0 ? _b : this.open) ? 'facing_up' : 'facing_down', slot: "end" })), index.h("ed-menu", { part: "options-menu", class: "menu", tabIndex: -1, exportparts: "menu", ref: el => (this.menu = el), onClick: this.multiple && this.restoreInputFocus, onEdSelect: this.handleMenuSelect }, index.h("slot", { onSlotchange: this.handleOptionsChange }), !hasVisibleOptions && (index.h("slot", { name: "not-found" }, index.h("ed-option", { disabled: true }, "Nothing has been found")))))));
}

@@ -326,0 +328,0 @@ get root() { return index.getElement(this); }

@@ -247,11 +247,13 @@ import { Component, Host, Prop, h, State, Watch, Element, Event, Method, writeTask, } from '@stencil/core';

render() {
var _a;
var _a, _b;
const options = this.getOptions();
const hasVisibleOptions = options.some(option => option.style.display !== 'none');
const hideValue = this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.searchable;
console.log('hideValue', hideValue);
return (h(Host, null,
h("ed-dropdown", { matchWidth: true, open: this.open, part: "dropdown", exportparts: "trigger, content", openEvent: "edFocus", closeEvent: "edBlur", position: "bottom left", closeTimeout: this.multiple ? 300 : 100, autoFocusOnTrigger: false, autoFocusOnContent: false, ref: el => (this.dropdown = el), onEdDropdownOpen: this.handleOpen, onEdDropdownClose: this.handleClose, onKeyDown: this.handleKeyDown },
h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: this.multiple && !this.searchable, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange },
h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: hideValue, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange },
this.startIcon && h("ed-icon", { name: this.startIcon, slot: "start" }),
this.multiple && this.renderTags(options),
h("ed-icon", { name: ((_a = this.endIcon) !== null && _a !== void 0 ? _a : this.open) ? 'facing_up' : 'facing_down', slot: "end" })),
h("ed-icon", { name: ((_b = this.endIcon) !== null && _b !== void 0 ? _b : this.open) ? 'facing_up' : 'facing_down', slot: "end" })),
h("ed-menu", { part: "options-menu", class: "menu", tabIndex: -1, exportparts: "menu", ref: el => (this.menu = el), onClick: this.multiple && this.restoreInputFocus, onEdSelect: this.handleMenuSelect },

@@ -258,0 +260,0 @@ h("slot", { onSlotchange: this.handleOptionsChange }),

import { Component, Host, Prop, Element, State, Event, h } from '@stencil/core';
/**
* @part button - Button element which is used under the hood
*
* @slot start - A slot for the leading icon.

@@ -52,3 +54,3 @@ */

return (h(Host, { title: this.title, class: { clickable: this.clickable } },
h("ed-button", { size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" },
h("ed-button", { part: "button", size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" },
h("slot", { name: "start", slot: "start" }),

@@ -55,0 +57,0 @@ h("div", { class: "inner" },

@@ -1,1 +0,1 @@

import{p as e,b as o}from"./p-36929bfb.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>o([["p-a73cd496",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],setFocus:[64],removeFocus:[64]}]]],["p-3b188148",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}]]],["p-288b7c05",[[1,"ed-button-group",{name:[513],disabled:[516],justified:[516],fullWidth:[516,"full-width"],value:[1544],mode:[513],color:[513],compareFunc:[513,"compare-func"],setFocus:[64],removeFocus:[64]}]]],["p-b37c21d8",[[1,"ed-divider"]]],["p-45c76b78",[[1,"ed-menu-header",{label:[1]}]]],["p-3e70c340",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-e4aec1da",[[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-f2319148",[[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}],[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-dfd14bd5",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],open:[1540]}]]],["p-b7f2e790",[[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}],[1,"ed-dropdown",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],openEvent:[513,"open-event"],closeEvent:[513,"close-event"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],openTimeout:[514,"open-timeout"],closeTimeout:[514,"close-timeout"],dropdownID:[32],update:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}],[1,"ed-menu",{searchable:[516],setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]]],e)));
import{p as e,b as o}from"./p-36929bfb.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>o([["p-f1a884a6",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],setFocus:[64],removeFocus:[64]}]]],["p-3b188148",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}]]],["p-288b7c05",[[1,"ed-button-group",{name:[513],disabled:[516],justified:[516],fullWidth:[516,"full-width"],value:[1544],mode:[513],color:[513],compareFunc:[513,"compare-func"],setFocus:[64],removeFocus:[64]}]]],["p-b37c21d8",[[1,"ed-divider"]]],["p-45c76b78",[[1,"ed-menu-header",{label:[1]}]]],["p-3e70c340",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-e4aec1da",[[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-c8f05700",[[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}],[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-dfd14bd5",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],open:[1540]}]]],["p-cf66a508",[[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}],[1,"ed-dropdown",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],openEvent:[513,"open-event"],closeEvent:[513,"close-event"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],openTimeout:[514,"open-timeout"],closeTimeout:[514,"close-timeout"],dropdownID:[32],update:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}],[1,"ed-menu",{searchable:[516],setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]]],e)));
import { r as registerInstance, h, H as Host, g as getElement } from './index-87ccf75e.js';
const edButtonCss = ":host{box-sizing:border-box;display:inline-block;width:auto;border-radius:var(--border-radius, 4px);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;pointer-events:inherit}:host *{box-sizing:border-box}:host([disabled]){--opacity:0.5;pointer-events:none;cursor:not-allowed}:host([disabled]) .native{cursor:default;pointer-events:none}:host([full-width]){width:100%}.native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;display:flex;position:relative;width:100%;height:100%;min-height:inherit;align-items:center;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;contain:layout style;outline:none;opacity:var(--opacity, 1);overflow:var(--overflow);transition:var(--transition, 100ms cubic-bezier(0.4, 0, 0.2, 1));z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color, #046B99);font-family:var(--font, -apple-system, San Francisco, Helvetica Neue, Segoe WP, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol);font-weight:var(--font-weight, 500);font-size:var(--font-size, 11px);line-height:var(--font-size, 14px);-webkit-font-kerning:none;font-kerning:none;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}.native::-moz-focus-inner{border:0}.inner{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;width:100%;height:100%}.content{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}:host([size=sm]){height:32px}:host([size=sm]) .native{padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 11px);font-weight:var(--font-weight, 600);line-height:var(--font-size, 14px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=sm]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}:host([size=sm]) .inner{line-height:32px}:host([size=md]){height:40px}:host([size=md]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 14px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=md]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=md]) .inner{line-height:40px}:host([size=lg]){height:56px}:host([size=lg]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 16px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=lg]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=lg]) .inner{line-height:56px}:host([fill=solid][color=default]) .native{background-color:#DEE0E3;color:#213245}:host([fill=solid][color=default]):host(:hover) .native{background-color:#ecedef}:host([fill=solid][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=default]):host(:active) .native,:host([fill=solid][color=default]):host([active]) .native{background-color:#d0d3d7}:host([fill=outlined][color=default]) .native{background-color:transparent;color:#213245;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=default]):host(:active) .native,:host([fill=outlined][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #c9cdd1}:host([fill=clear][color=default]) .native{background-color:transparent;color:#213245}:host([fill=clear][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b}:host([fill=clear][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=default]):host(:active) .native,:host([fill=clear][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.07);color:#151f2b}:host([fill=solid][color=primary]) .native{background-color:#046B99;color:#FFFFFF}:host([fill=solid][color=primary]):host(:hover) .native{background-color:#057cb2}:host([fill=solid][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=primary]):host(:active) .native,:host([fill=solid][color=primary]):host([active]) .native{background-color:#035a80}:host([fill=outlined][color=primary]) .native{background-color:transparent;color:#046B99;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=primary]):host(:active) .native,:host([fill=outlined][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #035174}:host([fill=clear][color=primary]) .native{background-color:transparent;color:#046B99}:host([fill=clear][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174}:host([fill=clear][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=primary]):host(:active) .native,:host([fill=clear][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.07);color:#035174}:host([fill=solid][color=success]) .native{background-color:#74AC41;color:#FFFFFF}:host([fill=solid][color=success]):host(:hover) .native{background-color:#81bb4b}:host([fill=solid][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=success]):host(:active) .native,:host([fill=solid][color=success]):host([active]) .native{background-color:#68993a}:host([fill=outlined][color=success]) .native{background-color:transparent;color:#74AC41;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=success]):host(:active) .native,:host([fill=outlined][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #619037}:host([fill=clear][color=success]) .native{background-color:transparent;color:#74AC41}:host([fill=clear][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037}:host([fill=clear][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=success]):host(:active) .native,:host([fill=clear][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.07);color:#619037}:host([fill=solid][color=warning]) .native{background-color:#F6C24E;color:#FFFFFF}:host([fill=solid][color=warning]):host(:hover) .native{background-color:#f7ca66}:host([fill=solid][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=warning]):host(:active) .native,:host([fill=solid][color=warning]):host([active]) .native{background-color:#f5ba36}:host([fill=outlined][color=warning]) .native{background-color:transparent;color:#F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=warning]):host(:active) .native,:host([fill=outlined][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #f4b52a}:host([fill=clear][color=warning]) .native{background-color:transparent;color:#F6C24E}:host([fill=clear][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a}:host([fill=clear][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=warning]):host(:active) .native,:host([fill=clear][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.07);color:#f4b52a}:host([fill=solid][color=error]) .native{background-color:#EB3343;color:#FFFFFF}:host([fill=solid][color=error]):host(:hover) .native{background-color:#ed4a58}:host([fill=solid][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=error]):host(:active) .native,:host([fill=solid][color=error]):host([active]) .native{background-color:#e91c2e}:host([fill=outlined][color=error]) .native{background-color:transparent;color:#EB3343;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=error]):host(:active) .native,:host([fill=outlined][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #e21628}:host([fill=clear][color=error]) .native{background-color:transparent;color:#EB3343}:host([fill=clear][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628}:host([fill=clear][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=error]):host(:active) .native,:host([fill=clear][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.07);color:#e21628}:host([fill=solid][color=info]) .native{background-color:#3689AD;color:#FFFFFF}:host([fill=solid][color=info]):host(:hover) .native{background-color:#3c98c0}:host([fill=solid][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=info]):host(:active) .native,:host([fill=solid][color=info]):host([active]) .native{background-color:#307a9a}:host([fill=outlined][color=info]) .native{background-color:transparent;color:#3689AD;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=info]):host(:active) .native,:host([fill=outlined][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #2d7290}:host([fill=clear][color=info]) .native{background-color:transparent;color:#3689AD}:host([fill=clear][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290}:host([fill=clear][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=info]):host(:active) .native,:host([fill=clear][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.07);color:#2d7290}:host([align=start]) .inner{justify-content:flex-start}:host([align=start]) .inner .content{text-align:start}:host([align=end]) .inner{justify-content:flex-end}:host([align=end]) .inner .content{text-align:end}:host([align=center]) .inner{justify-content:center}:host([align=center]) .inner .content{text-align:center}::slotted(ed-icon){pointer-events:none;font-size:1.2em}::slotted([slot=start]){margin-left:calc(16px / -2);margin-right:0.5em;margin-top:0;margin-bottom:0;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:0.5em;margin-inline-end:0.5em}}::slotted([slot=end]){margin-left:auto;margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}::slotted(ed-icon[slot=icon-only]){margin-left:calc(16px / -2);margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ed-icon[slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}";
const edButtonCss = ":host{box-sizing:border-box;display:inline-block;width:auto;border-radius:var(--border-radius, 4px);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;pointer-events:inherit}:host *{box-sizing:border-box}:host([disabled]){--opacity:0.5;pointer-events:none;cursor:not-allowed}:host([disabled]) .native{cursor:default;pointer-events:none}:host([full-width]){width:100%}.native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;display:flex;position:relative;width:100%;height:100%;min-height:inherit;align-items:center;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;contain:layout style;outline:none;opacity:var(--opacity, 1);overflow:var(--overflow);transition:var(--transition, 100ms cubic-bezier(0.4, 0, 0.2, 1));z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color, #046B99);font-family:var(--font, -apple-system, San Francisco, Helvetica Neue, Segoe WP, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol);font-weight:var(--font-weight, 500);font-size:var(--font-size, 11px);line-height:var(--font-size, 14px);-webkit-font-kerning:none;font-kerning:none;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}.native::-moz-focus-inner{border:0}.inner{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;width:100%;height:100%}.content{display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}:host([size=sm]){height:32px}:host([size=sm]) .native{padding-left:var(--padding-start, 16px);padding-right:var(--padding-end, 16px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 11px);font-weight:var(--font-weight, 600);line-height:var(--font-size, 14px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=sm]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 16px);padding-inline-start:var(--padding-start, 16px);-webkit-padding-end:var(--padding-end, 16px);padding-inline-end:var(--padding-end, 16px)}}:host([size=sm]) .inner{line-height:32px}:host([size=md]){height:40px}:host([size=md]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 14px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=md]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=md]) .inner{line-height:40px}:host([size=lg]){height:56px}:host([size=lg]) .native{padding-left:var(--padding-start, 20px);padding-right:var(--padding-end, 20px);padding-top:0;padding-bottom:0;font-size:var(--font-size, 16px);line-height:var(--font-size, 24px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host([size=lg]) .native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start, 20px);padding-inline-start:var(--padding-start, 20px);-webkit-padding-end:var(--padding-end, 20px);padding-inline-end:var(--padding-end, 20px)}}:host([size=lg]) .inner{line-height:56px}:host([fill=solid][color=default]) .native{background-color:#DEE0E3;color:#213245}:host([fill=solid][color=default]):host(:hover) .native{background-color:#ecedef}:host([fill=solid][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=default]):host(:active) .native,:host([fill=solid][color=default]):host([active]) .native{background-color:#d0d3d7}:host([fill=outlined][color=default]) .native{background-color:transparent;color:#213245;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #DEE0E3}:host([fill=outlined][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=default]):host(:active) .native,:host([fill=outlined][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b;box-shadow:inset 0 0 0 2px #c9cdd1}:host([fill=clear][color=default]) .native{background-color:transparent;color:#213245}:host([fill=clear][color=default]):host(:hover) .native{background-color:rgba(222, 224, 227, 0.2);color:#151f2b}:host([fill=clear][color=default]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=default]):host(:active) .native,:host([fill=clear][color=default]):host([active]) .native{background-color:rgba(222, 224, 227, 0.07);color:#151f2b}:host([fill=solid][color=primary]) .native{background-color:#046B99;color:#FFFFFF}:host([fill=solid][color=primary]):host(:hover) .native{background-color:#057cb2}:host([fill=solid][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=primary]):host(:active) .native,:host([fill=solid][color=primary]):host([active]) .native{background-color:#035a80}:host([fill=outlined][color=primary]) .native{background-color:transparent;color:#046B99;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #046B99}:host([fill=outlined][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=primary]):host(:active) .native,:host([fill=outlined][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174;box-shadow:inset 0 0 0 2px #035174}:host([fill=clear][color=primary]) .native{background-color:transparent;color:#046B99}:host([fill=clear][color=primary]):host(:hover) .native{background-color:rgba(4, 107, 153, 0.2);color:#035174}:host([fill=clear][color=primary]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=primary]):host(:active) .native,:host([fill=clear][color=primary]):host([active]) .native{background-color:rgba(4, 107, 153, 0.07);color:#035174}:host([fill=solid][color=success]) .native{background-color:#74AC41;color:#FFFFFF}:host([fill=solid][color=success]):host(:hover) .native{background-color:#81bb4b}:host([fill=solid][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=success]):host(:active) .native,:host([fill=solid][color=success]):host([active]) .native{background-color:#68993a}:host([fill=outlined][color=success]) .native{background-color:transparent;color:#74AC41;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #74AC41}:host([fill=outlined][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=success]):host(:active) .native,:host([fill=outlined][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037;box-shadow:inset 0 0 0 2px #619037}:host([fill=clear][color=success]) .native{background-color:transparent;color:#74AC41}:host([fill=clear][color=success]):host(:hover) .native{background-color:rgba(116, 172, 65, 0.2);color:#619037}:host([fill=clear][color=success]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=success]):host(:active) .native,:host([fill=clear][color=success]):host([active]) .native{background-color:rgba(116, 172, 65, 0.07);color:#619037}:host([fill=solid][color=warning]) .native{background-color:#F6C24E;color:#FFFFFF}:host([fill=solid][color=warning]):host(:hover) .native{background-color:#f7ca66}:host([fill=solid][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=warning]):host(:active) .native,:host([fill=solid][color=warning]):host([active]) .native{background-color:#f5ba36}:host([fill=outlined][color=warning]) .native{background-color:transparent;color:#F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #F6C24E}:host([fill=outlined][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=warning]):host(:active) .native,:host([fill=outlined][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a;box-shadow:inset 0 0 0 2px #f4b52a}:host([fill=clear][color=warning]) .native{background-color:transparent;color:#F6C24E}:host([fill=clear][color=warning]):host(:hover) .native{background-color:rgba(246, 194, 78, 0.2);color:#f4b52a}:host([fill=clear][color=warning]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=warning]):host(:active) .native,:host([fill=clear][color=warning]):host([active]) .native{background-color:rgba(246, 194, 78, 0.07);color:#f4b52a}:host([fill=solid][color=error]) .native{background-color:#EB3343;color:#FFFFFF}:host([fill=solid][color=error]):host(:hover) .native{background-color:#ed4a58}:host([fill=solid][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=error]):host(:active) .native,:host([fill=solid][color=error]):host([active]) .native{background-color:#e91c2e}:host([fill=outlined][color=error]) .native{background-color:transparent;color:#EB3343;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #EB3343}:host([fill=outlined][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=error]):host(:active) .native,:host([fill=outlined][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628;box-shadow:inset 0 0 0 2px #e21628}:host([fill=clear][color=error]) .native{background-color:transparent;color:#EB3343}:host([fill=clear][color=error]):host(:hover) .native{background-color:rgba(235, 51, 67, 0.2);color:#e21628}:host([fill=clear][color=error]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=error]):host(:active) .native,:host([fill=clear][color=error]):host([active]) .native{background-color:rgba(235, 51, 67, 0.07);color:#e21628}:host([fill=solid][color=info]) .native{background-color:#3689AD;color:#FFFFFF}:host([fill=solid][color=info]):host(:hover) .native{background-color:#3c98c0}:host([fill=solid][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=solid][color=info]):host(:active) .native,:host([fill=solid][color=info]):host([active]) .native{background-color:#307a9a}:host([fill=outlined][color=info]) .native{background-color:transparent;color:#3689AD;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #3689AD}:host([fill=outlined][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=outlined][color=info]):host(:active) .native,:host([fill=outlined][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290;box-shadow:inset 0 0 0 2px #2d7290}:host([fill=clear][color=info]) .native{background-color:transparent;color:#3689AD}:host([fill=clear][color=info]):host(:hover) .native{background-color:rgba(54, 137, 173, 0.2);color:#2d7290}:host([fill=clear][color=info]):host(:focus-within){box-shadow:0 0px 0px 2px #23b7f9}:host([fill=clear][color=info]):host(:active) .native,:host([fill=clear][color=info]):host([active]) .native{background-color:rgba(54, 137, 173, 0.07);color:#2d7290}:host([align=start]) .inner{justify-content:flex-start}:host([align=start]) .inner .content{text-align:start}:host([align=end]) .inner{justify-content:flex-end}:host([align=end]) .inner .content{text-align:end}:host([align=center]) .inner{justify-content:center}:host([align=center]) .inner .content{text-align:center}::slotted(ed-icon){pointer-events:none;font-size:1.2em}::slotted([slot=start]){margin-left:calc(16px / -2);margin-right:0.5em;margin-top:0;margin-bottom:0;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:0.5em;margin-inline-end:0.5em}}::slotted([slot=end]){margin-left:auto;margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted([slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}::slotted(ed-icon[slot=icon-only]){margin-left:calc(16px / -2);margin-right:calc(16px / -2);margin-top:0;margin-bottom:0;font-size:1.4em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(ed-icon[slot=icon-only]){margin-left:unset;margin-right:unset;-webkit-margin-start:calc(16px / -2);margin-inline-start:calc(16px / -2);-webkit-margin-end:calc(16px / -2);margin-inline-end:calc(16px / -2)}}";

@@ -5,0 +5,0 @@ const EdButton = class {

@@ -331,3 +331,3 @@ import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, g as getElement } from './index-87ccf75e.js';

const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{box-sizing:border-box}[full-width].sc-ed-input-h{width:100%}[disabled].sc-ed-input-h{opacity:0.5;pointer-events:none}[disabled].sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .input-root.sc-ed-input{height:40px}.input-root.sc-ed-input{display:inline-flex;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:flex;box-sizing:border-box;align-items:center;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;flex:1 1 auto;min-width:64px;margin:2px 0;padding:0;border:0;background:none;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#425161}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px}.sc-ed-input-h .sc-ed-input-s>ed-icon{flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #3689AD}.has-focus.sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #046B99 !important}";
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{box-sizing:border-box}[full-width].sc-ed-input-h{width:100%}[disabled].sc-ed-input-h{opacity:0.5;pointer-events:none}[disabled].sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .input-root.sc-ed-input{min-height:40px}.input-root.sc-ed-input{display:inline-flex;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:flex;box-sizing:border-box;align-items:center;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;flex:1 1 auto;min-width:64px;margin:2px 0;padding:0;border:0;background:none;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:flex;width:100%;align-items:flex-start;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#425161}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:calc(24px - 2px)}.sc-ed-input-h .sc-ed-input-s>ed-icon{flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #3689AD}.has-focus.sc-ed-input-h .input-root.sc-ed-input{box-shadow:inset 0 0 0 2px #046B99 !important}";

@@ -630,3 +630,3 @@ const EdInput = class {

const edTagCss = ":host{box-sizing:border-box;display:inline-block;line-height:1;outline:none}:host *{box-sizing:border-box}:host(:not(.clickable)) .button{pointer-events:none}:host .inner{max-width:200px;text-overflow:ellipsis;overflow:hidden}:host([no-truncate]) .inner{max-width:initial}:host .button::part(native-button){border-radius:8px;padding:0 8px;font-size:11px}.delete-icon{pointer-events:all;width:16px;-webkit-margin-end:-4px;margin-inline-end:-4px}:host([size=sm]){height:24px}:host([size=sm]) .button{height:24px}:host([size=sm]) .button::part(inner){line-height:24px}:host([size=md]){height:32px}:host([size=md]) .button{height:32px}:host([size=md]) .button::part(inner){line-height:32px}:host([size=lg]){height:40px}:host([size=lg]) .button{height:40px}:host([size=lg]) .button::part(inner){line-height:40px}";
const edTagCss = ":host{box-sizing:border-box;display:inline-block;line-height:1;outline:none}:host *{box-sizing:border-box}:host(:not(.clickable)) .button{pointer-events:none}:host .inner{max-width:200px;text-overflow:ellipsis;overflow:hidden}:host([no-truncate]) .inner{max-width:initial}:host .button{border-radius:8px}:host .button::part(native-button){border-radius:8px;padding:0 8px;font-size:11px}.delete-icon{pointer-events:all;width:16px;-webkit-margin-end:-4px;margin-inline-end:-4px}:host([size=sm]){height:24px}:host([size=sm]) .button{height:inherit}:host([size=sm]) .button::part(inner){line-height:24px}:host([size=md]){height:32px}:host([size=md]) .button{height:inherit}:host([size=md]) .button::part(inner){line-height:32px}:host([size=lg]){height:40px}:host([size=lg]) .button{height:inherit}:host([size=lg]) .button::part(inner){line-height:40px}";

@@ -681,3 +681,3 @@ const EdTag = class {

render() {
return (h(Host, { title: this.title, class: { clickable: this.clickable } }, h("ed-button", { size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" }, h("slot", { name: "start", slot: "start" }), h("div", { class: "inner" }, h("slot", null)), this.deletable && (h("ed-icon", { name: "remove_filled", slot: "end", class: "delete-icon", onClick: this.handleDelete })))));
return (h(Host, { title: this.title, class: { clickable: this.clickable } }, h("ed-button", { part: "button", size: this.size, fill: this.fill, color: this.color, value: this.value, align: this.align, disabled: this.disabled, class: "button", type: "button" }, h("slot", { name: "start", slot: "start" }), h("div", { class: "inner" }, h("slot", null)), this.deletable && (h("ed-icon", { name: "remove_filled", slot: "end", class: "delete-icon", onClick: this.handleDelete })))));
}

@@ -684,0 +684,0 @@ get root() { return getElement(this); }

@@ -316,6 +316,8 @@ import { r as registerInstance, c as createEvent, h, w as writeTask, H as Host, g as getElement } from './index-87ccf75e.js';

render() {
var _a;
var _a, _b;
const options = this.getOptions();
const hasVisibleOptions = options.some(option => option.style.display !== 'none');
return (h(Host, null, h("ed-dropdown", { matchWidth: true, open: this.open, part: "dropdown", exportparts: "trigger, content", openEvent: "edFocus", closeEvent: "edBlur", position: "bottom left", closeTimeout: this.multiple ? 300 : 100, autoFocusOnTrigger: false, autoFocusOnContent: false, ref: el => (this.dropdown = el), onEdDropdownOpen: this.handleOpen, onEdDropdownClose: this.handleClose, onKeyDown: this.handleKeyDown }, h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: this.multiple && !this.searchable, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange }, this.startIcon && h("ed-icon", { name: this.startIcon, slot: "start" }), this.multiple && this.renderTags(options), h("ed-icon", { name: ((_a = this.endIcon) !== null && _a !== void 0 ? _a : this.open) ? 'facing_up' : 'facing_down', slot: "end" })), h("ed-menu", { part: "options-menu", class: "menu", tabIndex: -1, exportparts: "menu", ref: el => (this.menu = el), onClick: this.multiple && this.restoreInputFocus, onEdSelect: this.handleMenuSelect }, h("slot", { onSlotchange: this.handleOptionsChange }), !hasVisibleOptions && (h("slot", { name: "not-found" }, h("ed-option", { disabled: true }, "Nothing has been found")))))));
const hideValue = this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.searchable;
console.log('hideValue', hideValue);
return (h(Host, null, h("ed-dropdown", { matchWidth: true, open: this.open, part: "dropdown", exportparts: "trigger, content", openEvent: "edFocus", closeEvent: "edBlur", position: "bottom left", closeTimeout: this.multiple ? 300 : 100, autoFocusOnTrigger: false, autoFocusOnContent: false, ref: el => (this.dropdown = el), onEdDropdownOpen: this.handleOpen, onEdDropdownClose: this.handleClose, onKeyDown: this.handleKeyDown }, h("ed-input", { fullWidth: true, slot: "trigger", class: "input", part: "input", debounce: 300, label: this.label, color: this.color, value: this.inputValue, disabled: this.disabled, placeholder: this.placeholder, readonly: !this.searchable, hideValue: hideValue, ref: el => (this.input = el), helpText: this.helpText, followingHelpText: this.followingHelpText, onClick: this.handleInputClick, onEdChange: this.handleSearchChange }, this.startIcon && h("ed-icon", { name: this.startIcon, slot: "start" }), this.multiple && this.renderTags(options), h("ed-icon", { name: ((_b = this.endIcon) !== null && _b !== void 0 ? _b : this.open) ? 'facing_up' : 'facing_down', slot: "end" })), h("ed-menu", { part: "options-menu", class: "menu", tabIndex: -1, exportparts: "menu", ref: el => (this.menu = el), onClick: this.multiple && this.restoreInputFocus, onEdSelect: this.handleMenuSelect }, h("slot", { onSlotchange: this.handleOptionsChange }), !hasVisibleOptions && (h("slot", { name: "not-found" }, h("ed-option", { disabled: true }, "Nothing has been found")))))));
}

@@ -322,0 +324,0 @@ get root() { return getElement(this); }

import { EventEmitter } from '../../stencil-public-runtime';
import { Color, Align, Fill } from '../../interface';
/**
* @part button - Button element which is used under the hood
*
* @slot start - A slot for the leading icon.

@@ -5,0 +7,0 @@ */

{
"name": "@ebot7/edem",
"version": "0.8.1",
"version": "0.8.2",
"main": "dist/index.cjs.js",

@@ -73,3 +73,3 @@ "module": "dist/index.js",

},
"gitHead": "c404b76304142f47433ea3e4cce60fd79d70fe2c"
"gitHead": "4cdb144d9219584ff976c36a9600c2d08e57d2a2"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

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