@htmlbricks/hb-input-array-tags 0.70.2 → 0.71.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/main.iife.js +4 -4
- package/main.iife.js.map +1 -1
- package/manifest.json +34 -2
- package/package.json +1 -1
- package/types/webcomponent.type.d.json +4 -0
- package/types/webcomponent.type.d.ts +3 -0
package/main.iife.js
CHANGED
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
|
|
8
8
|
/*!
|
|
9
9
|
* Bulma 1.x (Sass) for hb-input-array-tags — tags, input, select, help.
|
|
10
|
-
*/.select.svelte-jyvf24:not(.is-multiple):not(.is-loading)::after {border:0.125em solid var(--bulma-arrow-color, var(--bulma-hb-def-arrow-color));border-right:0;border-top:0;content:" ";display:block;height:0.625em;margin-top:-0.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;transition-duration:var(--bulma-duration, var(--bulma-hb-def-duration));transition-property:border-color;width:0.625em;}.tags.svelte-jyvf24:not(:last-child), .field.svelte-jyvf24:not(:last-child) {margin-bottom:var(--bulma-block-spacing, var(--bulma-hb-def-block-spacing));}.select.svelte-jyvf24 select:where(.svelte-jyvf24), .input.svelte-jyvf24 {align-items:center;appearance:none;border-color:transparent;border-style:solid;border-width:var(--bulma-control-border-width, var(--bulma-hb-def-control-border-width));border-radius:var(--bulma-control-radius, var(--bulma-hb-def-control-radius));box-shadow:none;display:inline-flex;font-size:var(--bulma-control-size, var(--bulma-hb-def-control-size));height:var(--bulma-control-height, var(--bulma-hb-def-control-height));justify-content:flex-start;line-height:var(--bulma-control-line-height, var(--bulma-hb-def-control-line-height));padding-bottom:var(--bulma-control-padding-vertical, var(--bulma-hb-def-control-padding-vertical));padding-left:var(--bulma-control-padding-horizontal, var(--bulma-hb-def-control-padding-horizontal));padding-right:var(--bulma-control-padding-horizontal, var(--bulma-hb-def-control-padding-horizontal));padding-top:var(--bulma-control-padding-vertical, var(--bulma-hb-def-control-padding-vertical));position:relative;transition-duration:var(--bulma-duration, var(--bulma-hb-def-duration));transition-property:background-color, border-color, box-shadow, color;vertical-align:top;}.select.svelte-jyvf24 select:where(.svelte-jyvf24):focus, .input.svelte-jyvf24:focus, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-visible, .input.svelte-jyvf24:focus-visible, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-within, .input.svelte-jyvf24:focus-within, .select.svelte-jyvf24 select:where(.svelte-jyvf24):active, .input.svelte-jyvf24:active {outline:none;}.control.svelte-jyvf24,
|
|
10
|
+
*/.select.svelte-jyvf24:not(.is-multiple):not(.is-loading)::after {border:0.125em solid var(--bulma-arrow-color, var(--bulma-hb-def-arrow-color));border-right:0;border-top:0;content:" ";display:block;height:0.625em;margin-top:-0.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;transition-duration:var(--bulma-duration, var(--bulma-hb-def-duration));transition-property:border-color;width:0.625em;}.tags.svelte-jyvf24:not(:last-child), .field.svelte-jyvf24:not(:last-child) {margin-bottom:var(--bulma-block-spacing, var(--bulma-hb-def-block-spacing));}.select.svelte-jyvf24 select:where(.svelte-jyvf24), .input.svelte-jyvf24 {align-items:center;appearance:none;border-color:transparent;border-style:solid;border-width:var(--bulma-control-border-width, var(--bulma-hb-def-control-border-width));border-radius:var(--bulma-control-radius, var(--bulma-hb-def-control-radius));box-shadow:none;display:inline-flex;font-size:var(--bulma-control-size, var(--bulma-hb-def-control-size));height:var(--bulma-control-height, var(--bulma-hb-def-control-height));justify-content:flex-start;line-height:var(--bulma-control-line-height, var(--bulma-hb-def-control-line-height));padding-bottom:var(--bulma-control-padding-vertical, var(--bulma-hb-def-control-padding-vertical));padding-left:var(--bulma-control-padding-horizontal, var(--bulma-hb-def-control-padding-horizontal));padding-right:var(--bulma-control-padding-horizontal, var(--bulma-hb-def-control-padding-horizontal));padding-top:var(--bulma-control-padding-vertical, var(--bulma-hb-def-control-padding-vertical));position:relative;transition-duration:var(--bulma-duration, var(--bulma-hb-def-duration));transition-property:background-color, border-color, box-shadow, color;vertical-align:top;}.select.svelte-jyvf24 select:where(.svelte-jyvf24):focus, .input.svelte-jyvf24:focus, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-visible, .input.svelte-jyvf24:focus-visible, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-within, .input.svelte-jyvf24:focus-within, .select.svelte-jyvf24 select:where(.svelte-jyvf24):active, .input.svelte-jyvf24:active {outline:none;}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24), [disabled].input.svelte-jyvf24 {cursor:not-allowed;}.control.svelte-jyvf24,
|
|
11
11
|
.input.svelte-jyvf24,
|
|
12
|
-
.select.svelte-jyvf24 {--bulma-hb-def-input-h: var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h));--bulma-hb-def-input-s: var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s));--bulma-hb-def-input-l: var(--bulma-scheme-main-l, var(--bulma-hb-def-scheme-main-l));--bulma-hb-def-input-border-style: solid;--bulma-hb-def-input-border-width: var(--bulma-control-border-width, var(--bulma-hb-def-control-border-width));--bulma-hb-def-input-border-l: var(--bulma-border-l, var(--bulma-hb-def-border-l));--bulma-hb-def-input-border-l-delta: 0%;--bulma-hb-def-input-border-color: hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), calc(var(--bulma-input-border-l, var(--bulma-hb-def-input-border-l)) + var(--bulma-input-border-l-delta, var(--bulma-hb-def-input-border-l-delta))));--bulma-hb-def-input-hover-border-l-delta: var(--bulma-hover-border-l-delta, var(--bulma-hb-def-hover-border-l-delta));--bulma-hb-def-input-active-border-l-delta: var(--bulma-active-border-l-delta, var(--bulma-hb-def-active-border-l-delta));--bulma-hb-def-input-focus-h: var(--bulma-focus-h, var(--bulma-hb-def-focus-h));--bulma-hb-def-input-focus-s: var(--bulma-focus-s, var(--bulma-hb-def-focus-s));--bulma-hb-def-input-focus-l: var(--bulma-focus-l, var(--bulma-hb-def-focus-l));--bulma-hb-def-input-focus-shadow-size: var(--bulma-focus-shadow-size, var(--bulma-hb-def-focus-shadow-size));--bulma-hb-def-input-focus-shadow-alpha: var(--bulma-focus-shadow-alpha, var(--bulma-hb-def-focus-shadow-alpha));--bulma-hb-def-input-color-l: var(--bulma-text-strong-l, var(--bulma-hb-def-text-strong-l));--bulma-hb-def-input-background-l: var(--bulma-scheme-main-l, var(--bulma-hb-def-scheme-main-l));--bulma-hb-def-input-background-l-delta: 0%;--bulma-hb-def-input-height: var(--bulma-control-height, var(--bulma-hb-def-control-height));--bulma-hb-def-input-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h)), var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s)), var(--bulma-scheme-invert-l, var(--bulma-hb-def-scheme-invert-l)), 0.05);--bulma-hb-def-input-placeholder-color: hsla(var(--bulma-text-h, var(--bulma-hb-def-text-h)), var(--bulma-text-s, var(--bulma-hb-def-text-s)), var(--bulma-text-strong-l, var(--bulma-hb-def-text-strong-l)), 0.3);--bulma-hb-def-input-disabled-color: var(--bulma-text-weak, var(--bulma-hb-def-text-weak));--bulma-hb-def-input-disabled-background-color: var(--bulma-background, var(--bulma-hb-def-background));--bulma-hb-def-input-disabled-border-color: var(--bulma-background, var(--bulma-hb-def-background));--bulma-hb-def-input-disabled-placeholder-color: hsla(var(--bulma-text-h, var(--bulma-hb-def-text-h)), var(--bulma-text-s, var(--bulma-hb-def-text-s)), var(--bulma-text-weak-l, var(--bulma-hb-def-text-weak-l)), 0.3);--bulma-hb-def-input-arrow: var(--bulma-link, var(--bulma-hb-def-link));--bulma-hb-def-input-icon-color: var(--bulma-text-light, var(--bulma-hb-def-text-light));--bulma-hb-def-input-icon-hover-color: var(--bulma-text-weak, var(--bulma-hb-def-text-weak));--bulma-hb-def-input-icon-focus-color: var(--bulma-link, var(--bulma-hb-def-link));--bulma-hb-def-input-radius: var(--bulma-radius, var(--bulma-hb-def-radius));}.select.svelte-jyvf24 select:where(.svelte-jyvf24), .input.svelte-jyvf24 {background-color:hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), calc(var(--bulma-input-background-l, var(--bulma-hb-def-input-background-l)) + var(--bulma-input-background-l-delta, var(--bulma-hb-def-input-background-l-delta))));border-color:var(--bulma-input-border-color, var(--bulma-hb-def-input-border-color));border-radius:var(--bulma-input-radius, var(--bulma-hb-def-input-radius));color:hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), var(--bulma-input-color-l, var(--bulma-hb-def-input-color-l)));}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-moz-placeholder, .input.svelte-jyvf24::-moz-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-webkit-input-placeholder, .input.svelte-jyvf24::-webkit-input-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):-moz-placeholder, .input.svelte-jyvf24:-moz-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):-ms-input-placeholder, .input.svelte-jyvf24:-ms-input-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):hover, .input.svelte-jyvf24:hover {--bulma-hb-def-input-border-l-delta: var(--bulma-input-hover-border-l-delta, var(--bulma-hb-def-input-hover-border-l-delta));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):active, .input.svelte-jyvf24:active {--bulma-hb-def-input-border-l-delta: var(--bulma-input-active-border-l-delta, var(--bulma-hb-def-input-active-border-l-delta));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):focus, .input.svelte-jyvf24:focus, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-within, .input.svelte-jyvf24:focus-within {border-color:hsl(var(--bulma-input-focus-h, var(--bulma-hb-def-input-focus-h)), var(--bulma-input-focus-s, var(--bulma-hb-def-input-focus-s)), var(--bulma-input-focus-l, var(--bulma-hb-def-input-focus-l)));box-shadow:var(--bulma-input-focus-shadow-size, var(--bulma-hb-def-input-focus-shadow-size)) hsla(var(--bulma-input-focus-h, var(--bulma-hb-def-input-focus-h)), var(--bulma-input-focus-s, var(--bulma-hb-def-input-focus-s)), var(--bulma-input-focus-l, var(--bulma-hb-def-input-focus-l)), var(--bulma-input-focus-shadow-alpha, var(--bulma-hb-def-input-focus-shadow-alpha)));}
|
|
12
|
+
.select.svelte-jyvf24 {--bulma-hb-def-input-h: var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h));--bulma-hb-def-input-s: var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s));--bulma-hb-def-input-l: var(--bulma-scheme-main-l, var(--bulma-hb-def-scheme-main-l));--bulma-hb-def-input-border-style: solid;--bulma-hb-def-input-border-width: var(--bulma-control-border-width, var(--bulma-hb-def-control-border-width));--bulma-hb-def-input-border-l: var(--bulma-border-l, var(--bulma-hb-def-border-l));--bulma-hb-def-input-border-l-delta: 0%;--bulma-hb-def-input-border-color: hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), calc(var(--bulma-input-border-l, var(--bulma-hb-def-input-border-l)) + var(--bulma-input-border-l-delta, var(--bulma-hb-def-input-border-l-delta))));--bulma-hb-def-input-hover-border-l-delta: var(--bulma-hover-border-l-delta, var(--bulma-hb-def-hover-border-l-delta));--bulma-hb-def-input-active-border-l-delta: var(--bulma-active-border-l-delta, var(--bulma-hb-def-active-border-l-delta));--bulma-hb-def-input-focus-h: var(--bulma-focus-h, var(--bulma-hb-def-focus-h));--bulma-hb-def-input-focus-s: var(--bulma-focus-s, var(--bulma-hb-def-focus-s));--bulma-hb-def-input-focus-l: var(--bulma-focus-l, var(--bulma-hb-def-focus-l));--bulma-hb-def-input-focus-shadow-size: var(--bulma-focus-shadow-size, var(--bulma-hb-def-focus-shadow-size));--bulma-hb-def-input-focus-shadow-alpha: var(--bulma-focus-shadow-alpha, var(--bulma-hb-def-focus-shadow-alpha));--bulma-hb-def-input-color-l: var(--bulma-text-strong-l, var(--bulma-hb-def-text-strong-l));--bulma-hb-def-input-background-l: var(--bulma-scheme-main-l, var(--bulma-hb-def-scheme-main-l));--bulma-hb-def-input-background-l-delta: 0%;--bulma-hb-def-input-height: var(--bulma-control-height, var(--bulma-hb-def-control-height));--bulma-hb-def-input-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h)), var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s)), var(--bulma-scheme-invert-l, var(--bulma-hb-def-scheme-invert-l)), 0.05);--bulma-hb-def-input-placeholder-color: hsla(var(--bulma-text-h, var(--bulma-hb-def-text-h)), var(--bulma-text-s, var(--bulma-hb-def-text-s)), var(--bulma-text-strong-l, var(--bulma-hb-def-text-strong-l)), 0.3);--bulma-hb-def-input-disabled-color: var(--bulma-text-weak, var(--bulma-hb-def-text-weak));--bulma-hb-def-input-disabled-background-color: var(--bulma-background, var(--bulma-hb-def-background));--bulma-hb-def-input-disabled-border-color: var(--bulma-background, var(--bulma-hb-def-background));--bulma-hb-def-input-disabled-placeholder-color: hsla(var(--bulma-text-h, var(--bulma-hb-def-text-h)), var(--bulma-text-s, var(--bulma-hb-def-text-s)), var(--bulma-text-weak-l, var(--bulma-hb-def-text-weak-l)), 0.3);--bulma-hb-def-input-arrow: var(--bulma-link, var(--bulma-hb-def-link));--bulma-hb-def-input-icon-color: var(--bulma-text-light, var(--bulma-hb-def-text-light));--bulma-hb-def-input-icon-hover-color: var(--bulma-text-weak, var(--bulma-hb-def-text-weak));--bulma-hb-def-input-icon-focus-color: var(--bulma-link, var(--bulma-hb-def-link));--bulma-hb-def-input-radius: var(--bulma-radius, var(--bulma-hb-def-radius));}.select.svelte-jyvf24 select:where(.svelte-jyvf24), .input.svelte-jyvf24 {background-color:hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), calc(var(--bulma-input-background-l, var(--bulma-hb-def-input-background-l)) + var(--bulma-input-background-l-delta, var(--bulma-hb-def-input-background-l-delta))));border-color:var(--bulma-input-border-color, var(--bulma-hb-def-input-border-color));border-radius:var(--bulma-input-radius, var(--bulma-hb-def-input-radius));color:hsl(var(--bulma-input-h, var(--bulma-hb-def-input-h)), var(--bulma-input-s, var(--bulma-hb-def-input-s)), var(--bulma-input-color-l, var(--bulma-hb-def-input-color-l)));}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-moz-placeholder, .input.svelte-jyvf24::-moz-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-webkit-input-placeholder, .input.svelte-jyvf24::-webkit-input-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):-moz-placeholder, .input.svelte-jyvf24:-moz-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):-ms-input-placeholder, .input.svelte-jyvf24:-ms-input-placeholder {color:var(--bulma-input-placeholder-color, var(--bulma-hb-def-input-placeholder-color));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):hover, .input.svelte-jyvf24:hover {--bulma-hb-def-input-border-l-delta: var(--bulma-input-hover-border-l-delta, var(--bulma-hb-def-input-hover-border-l-delta));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):active, .input.svelte-jyvf24:active {--bulma-hb-def-input-border-l-delta: var(--bulma-input-active-border-l-delta, var(--bulma-hb-def-input-active-border-l-delta));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):focus, .input.svelte-jyvf24:focus, .select.svelte-jyvf24 select:where(.svelte-jyvf24):focus-within, .input.svelte-jyvf24:focus-within {border-color:hsl(var(--bulma-input-focus-h, var(--bulma-hb-def-input-focus-h)), var(--bulma-input-focus-s, var(--bulma-hb-def-input-focus-s)), var(--bulma-input-focus-l, var(--bulma-hb-def-input-focus-l)));box-shadow:var(--bulma-input-focus-shadow-size, var(--bulma-hb-def-input-focus-shadow-size)) hsla(var(--bulma-input-focus-h, var(--bulma-hb-def-input-focus-h)), var(--bulma-input-focus-s, var(--bulma-hb-def-input-focus-s)), var(--bulma-input-focus-l, var(--bulma-hb-def-input-focus-l)), var(--bulma-input-focus-shadow-alpha, var(--bulma-hb-def-input-focus-shadow-alpha)));}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24), [disabled].input.svelte-jyvf24 {background-color:var(--bulma-input-disabled-background-color, var(--bulma-hb-def-input-disabled-background-color));border-color:var(--bulma-input-disabled-border-color, var(--bulma-hb-def-input-disabled-border-color));box-shadow:none;color:var(--bulma-input-disabled-color, var(--bulma-hb-def-input-disabled-color));}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24)::-moz-placeholder, [disabled].input.svelte-jyvf24::-moz-placeholder {color:var(--bulma-input-disabled-placeholder-color, var(--bulma-hb-def-input-disabled-placeholder-color));}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24)::-webkit-input-placeholder, [disabled].input.svelte-jyvf24::-webkit-input-placeholder {color:var(--bulma-input-disabled-placeholder-color, var(--bulma-hb-def-input-disabled-placeholder-color));}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24):-moz-placeholder, [disabled].input.svelte-jyvf24:-moz-placeholder {color:var(--bulma-input-disabled-placeholder-color, var(--bulma-hb-def-input-disabled-placeholder-color));}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24):-ms-input-placeholder, [disabled].input.svelte-jyvf24:-ms-input-placeholder {color:var(--bulma-input-disabled-placeholder-color, var(--bulma-hb-def-input-disabled-placeholder-color));}
|
|
13
13
|
|
|
14
14
|
/*!
|
|
15
15
|
* Bulma 1.x (Sass) for hb-input-array-tags — tags, input, select, help.
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
/*!
|
|
19
19
|
* Bulma 1.x (Sass) for hb-input-array-tags — tags, input, select, help.
|
|
20
|
-
*/.select.svelte-jyvf24 {--bulma-hb-def-input-h: var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h));--bulma-hb-def-input-s: var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s));--bulma-hb-def-input-border-style: solid;--bulma-hb-def-input-border-width: 1px;--bulma-hb-def-input-border-l: var(--bulma-border-l, var(--bulma-hb-def-border-l));display:inline-block;max-width:100%;position:relative;vertical-align:top;}.select.svelte-jyvf24:not(.is-multiple) {height:var(--bulma-control-height, var(--bulma-hb-def-control-height));}.select.svelte-jyvf24:not(.is-multiple):not(.is-loading)::after {inset-inline-end:1.125em;z-index:4;}.select.svelte-jyvf24 select:where(.svelte-jyvf24) {cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none;}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-ms-expand {display:none;}.select.svelte-jyvf24 select:where(.svelte-jyvf24):not([multiple]) {padding-inline-end:2.5em;}.select.is-small.svelte-jyvf24 {border-radius:var(--bulma-radius-small, var(--bulma-hb-def-radius-small));font-size:var(--bulma-size-small, var(--bulma-hb-def-size-small));}
|
|
20
|
+
*/.select.svelte-jyvf24 {--bulma-hb-def-input-h: var(--bulma-scheme-h, var(--bulma-hb-def-scheme-h));--bulma-hb-def-input-s: var(--bulma-scheme-s, var(--bulma-hb-def-scheme-s));--bulma-hb-def-input-border-style: solid;--bulma-hb-def-input-border-width: 1px;--bulma-hb-def-input-border-l: var(--bulma-border-l, var(--bulma-hb-def-border-l));display:inline-block;max-width:100%;position:relative;vertical-align:top;}.select.svelte-jyvf24:not(.is-multiple) {height:var(--bulma-control-height, var(--bulma-hb-def-control-height));}.select.svelte-jyvf24:not(.is-multiple):not(.is-loading)::after {inset-inline-end:1.125em;z-index:4;}.select.svelte-jyvf24 select:where(.svelte-jyvf24) {cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none;}.select.svelte-jyvf24 select:where(.svelte-jyvf24)::-ms-expand {display:none;}.select.svelte-jyvf24 select[disabled]:where(.svelte-jyvf24):hover {border-color:var(--bulma-background, var(--bulma-hb-def-background));}.select.svelte-jyvf24 select:where(.svelte-jyvf24):not([multiple]) {padding-inline-end:2.5em;}.select.is-small.svelte-jyvf24 {border-radius:var(--bulma-radius-small, var(--bulma-hb-def-radius-small));font-size:var(--bulma-size-small, var(--bulma-hb-def-size-small));}
|
|
21
21
|
|
|
22
22
|
/*!
|
|
23
23
|
* Bulma 1.x (Sass) for hb-input-array-tags — tags, input, select, help.
|
|
@@ -48,5 +48,5 @@ button.tag.svelte-jyvf24:active {--bulma-hb-def-tag-background-l-delta: var(--bu
|
|
|
48
48
|
.field.svelte-jyvf24:not(:last-child) {margin-block-end:0 !important;margin-bottom:0 !important;padding-block-end:0;}.field.svelte-jyvf24 > .control:where(.svelte-jyvf24),
|
|
49
49
|
.field.svelte-jyvf24 .control:where(.svelte-jyvf24) {margin-block-end:0;margin-bottom:0;padding-block-end:0;}.help.svelte-jyvf24 {margin-block-end:0;margin-bottom:0;}:host {display:inline-block;margin:0;padding:0;vertical-align:middle;}.hb-input-array-tags-root.svelte-jyvf24 {display:block;max-width:100%;}.hb-input-array-tags-root.svelte-jyvf24 .control:where(.svelte-jyvf24) .tags:where(.svelte-jyvf24) {margin-bottom:0;}
|
|
50
50
|
|
|
51
|
-
/* Same row as \`.tags\` flex items (replaces the + control); keep \`hidden\` working vs Bulma display rules */.hb-input-array-tags-inline-control.svelte-jyvf24 {align-items:center;display:inline-flex;flex:0 1 auto;margin:0;max-width:100%;min-width:0;}.hb-input-array-tags-inline-control[hidden].svelte-jyvf24 {display:none !important;}.hb-input-array-tags-root.svelte-jyvf24 .tag[hidden]:where(.svelte-jyvf24) {display:none !important;}.hb-input-array-tags-input.svelte-jyvf24 {max-width:12rem;width:100%;}.field.hb-input-array-tags-invalid.svelte-jyvf24 {outline:2px solid var(--bulma-danger, #f14668);outline-offset:2px;border-radius:var(--bulma-radius, 0.375rem);padding:0.25rem;}`};function ji(e,t){Be(t,!0),Hr(e,Ai);let n=fi(t,`schemaentry`,7,void 0),r=fi(t,`show_validation`,7,`no`);function i(e,n){t.$$host.dispatchEvent(new CustomEvent(e,{detail:n}))}let a=I(null),o=I(``),s=I(Kt([])),c=kt(()=>$(a)?$(a).required?Array.isArray($(s))&&$(s).length>0:!0:!1),l=I(`off`),u=I(``),d=kt(()=>!!($(a)?.params?.availableTags?.length||$(a)?.params?.freeTag)),f=I(``);function p(e){if($(l)!==`input`&&$(l)!==`select`)return;let n=t.$$host;if(!(n&&e.composedPath().includes(n)))if($(l)===`input`){let e=$(f).trim();e&&(L(f,e,!0),_()),$(l)===`input`&&(L(l,`off`),L(f,``))}else L(l,`off`),L(u,``)}kr(()=>(window.addEventListener(`click`,p),()=>{window.removeEventListener(`click`,p)})),gn(()=>{let e=bi(n()),t=yi(n());if(!t){L(a,null);return}if(xi(e,()=>$(o))){L(o,e,!0),L(a,t,!0);let n=t.value;Array.isArray(n)?L(s,n.slice(),!0):L(s,[],!0)}});let m=I(null);gn(()=>{let e=$(a);if(!e?.id)return;let t={value:$(s),valid:$(c),id:e.id};Ci($(m),t)||(L(m,t,!0),i(`setVal`,{value:$(s),valid:$(c),id:e.id}))});function h(){
|
|
51
|
+
/* Same row as \`.tags\` flex items (replaces the + control); keep \`hidden\` working vs Bulma display rules */.hb-input-array-tags-inline-control.svelte-jyvf24 {align-items:center;display:inline-flex;flex:0 1 auto;margin:0;max-width:100%;min-width:0;}.hb-input-array-tags-inline-control[hidden].svelte-jyvf24 {display:none !important;}.hb-input-array-tags-root.svelte-jyvf24 .tag[hidden]:where(.svelte-jyvf24) {display:none !important;}.hb-input-array-tags-input.svelte-jyvf24 {max-width:12rem;width:100%;}.field.hb-input-array-tags-invalid.svelte-jyvf24 {outline:2px solid var(--bulma-danger, #f14668);outline-offset:2px;border-radius:var(--bulma-radius, 0.375rem);padding:0.25rem;}`};function ji(e,t){Be(t,!0),Hr(e,Ai);let n=fi(t,`schemaentry`,7,void 0),r=fi(t,`show_validation`,7,`no`);function i(e,n){t.$$host.dispatchEvent(new CustomEvent(e,{detail:n}))}let a=I(null),o=I(``),s=I(Kt([])),c=kt(()=>$(a)?$(a).required?Array.isArray($(s))&&$(s).length>0:!0:!1),l=I(`off`),u=I(``),d=kt(()=>!!($(a)?.params?.availableTags?.length||$(a)?.params?.freeTag)),f=I(``);function p(e){if($(l)!==`input`&&$(l)!==`select`)return;let n=t.$$host;if(!(n&&e.composedPath().includes(n)))if($(l)===`input`){let e=$(f).trim();e&&(L(f,e,!0),_()),$(l)===`input`&&(L(l,`off`),L(f,``))}else L(l,`off`),L(u,``)}kr(()=>(window.addEventListener(`click`,p),()=>{window.removeEventListener(`click`,p)})),gn(()=>{let e=bi(n()),t=yi(n());if(!t){L(a,null);return}if(xi(e,()=>$(o))){L(o,e,!0),L(a,t,!0);let n=t.value;Array.isArray(n)?L(s,n.slice(),!0):L(s,[],!0)}});let m=I(null);gn(()=>{let e=$(a);if(!e?.id)return;let t={value:$(s),valid:$(c),id:e.id};Ci($(m),t)||(L(m,t,!0),i(`setVal`,{value:$(s),valid:$(c),id:e.id}))});function h(){!$(d)||$(a)?.disabled||($(a)?.params?.availableTags?.length?(L(l,`select`),g(`input-select-add`)):L(l,`input`))}function g(e){setTimeout(()=>{let n=t.$$host?.shadowRoot?.getElementById(e);n&&(n.value=``,n.blur(),n.focus())},100)}function _(){!$(a)?.params||!$(f)||!$(d)||$(s)?.find(e=>e.id===$(f))||(L(s,[...$(s)??[],{label:$(f),id:$(f)}],!0),L(f,``),L(l,`off`))}function v(){if(!(!$(a)?.params||!$(u)||!$(d))&&!$(s)?.find(e=>e.id===$(u)))if($(u)===`_custom`)L(l,`input`),g(`input-text-add`);else{let e=$(a)?.params?.availableTags?.find(e=>e.id===$(u));e&&(!$(s)||$(s)?.indexOf(e)===-1)&&(L(s,[...$(s)||[],e],!0),L(u,``),L(l,`off`))}}function y(e){$(a)?.disabled||L(s,$(s)?.filter?.(t=>t.id!==e)??[],!0)}var b={get schemaentry(){return n()},set schemaentry(e=void 0){n(e),dt()},get show_validation(){return r()},set show_validation(e=`no`){r(e),dt()}},x=_r(),S=tn(x),ee=e=>{var n=ki();let i;var o=B(n),p=B(o),m=B(p),g=e=>{var t=_r();Fr(tn(t),17,()=>$(s),e=>e.id,(e,t)=>{var n=Ti(),r=B(n),i=nn(r),o=e=>{var n=wi();Cn(()=>n.disabled=!!$(a)?.disabled),sr(`click`,n,()=>y($(t).id)),vr(e,n)};jr(i,e=>{$(a)?.params?.allowRemove&&e(o)}),O(n),Cn(()=>{Jr(n,1,`tag is-rounded ${$(a)?.params?.colorVarName||$(t).colorVarName?``:`is-light`} hb-input-array-tags-tag`,`svelte-jyvf24`),Xr(n,$(a)?.params?.colorVarName||$(t).colorVarName?`background-color: var(${$(t).colorVarName||$(a)?.params?.colorVarName}); color: var(--bulma-white, #fff);`:``),xr(r,`${$(t).label??``} `)}),vr(e,n)}),vr(e,t)};jr(m,e=>{$(s)?.length&&e(g)});var b=nn(m,2);Vr(B(b),t,`add-tag-label`,{},e=>{var t=gr();Cn(()=>xr(t,$(a)?.params?.addTagLabel?$(a).params.addTagLabel:`+`)),vr(e,t)}),O(b);var x=nn(b,2),S=B(x);ii(S),O(x);var ee=nn(x,2),C=B(ee),w=B(C),te=B(w);te.value=te.__value=``;var ne=nn(te);Fr(ne,17,()=>$(a)?.params?.availableTags,e=>e.id,(e,t)=>{var n=Ei(),r=B(n,!0);O(n);var i={};Cn(()=>{xr(r,$(t).label),i!==(i=$(t).id)&&(n.value=(n.__value=$(t).id)??``)}),vr(e,n)});var re=nn(ne),ie=e=>{var t=Di();t.value=t.__value=`_custom`,vr(e,t)};jr(re,e=>{$(a)?.params?.freeTag&&e(ie)}),O(w),O(C),O(ee),O(p),O(o);var ae=nn(o,2),oe=e=>{var t=Oi(),n=B(t,!0);O(t),Cn(()=>xr(n,$(a).validationTip)),vr(e,t)};jr(ae,e=>{$(a)?.validationTip&&r()===`yes`&&!$(c)&&e(oe)}),O(n),Cn(()=>{i=Jr(n,1,`field hb-input-array-tags-root svelte-jyvf24`,null,i,{"hb-input-array-tags-invalid":r()===`yes`&&!!$(a)?.required&&!$(c)}),Jr(b,1,`tag is-rounded ${$(a)?.params?.colorVarName?`hb-input-array-tags-add-custom`:`is-light`}`,`svelte-jyvf24`),Xr(b,$(a)?.params?.colorVarName?`background-color: var(${$(a)?.params?.colorVarName}); color: var(--bulma-white-bis, #fafafa);`:``),b.disabled=!!$(a)?.disabled,ai(b,`hidden`,!$(d)||$(l)!==`off`),ai(x,`hidden`,!$(d)||$(l)!==`input`),S.disabled=!!$(a)?.disabled,ai(ee,`hidden`,!$(d)||$(l)!==`select`),w.disabled=!!$(a)?.disabled}),sr(`click`,b,h),or(`blur`,S,()=>{setTimeout(()=>{L(l,`off`),L(f,``)},100)}),sr(`keydown`,S,e=>{(e.key===`Escape`||e.key===`Esc`)&&(L(f,``),L(l,`off`))}),or(`keypress`,S,e=>{e.key===`Enter`&&_()}),li(S,()=>$(f),e=>L(f,e)),or(`blur`,w,()=>{setTimeout(()=>{L(l,`off`),L(u,``)},100)}),sr(`keydown`,w,e=>{(e.key===`Escape`||e.key===`Esc`)&&(L(u,``),L(l,`off`))}),sr(`change`,w,()=>{v()}),$r(w,()=>$(u),e=>L(u,e)),vr(e,n)};return jr(S,e=>{$(a)!=null&&e(ee)}),vr(e,x),Ve(b)}cr([`click`,`keydown`,`change`]),customElements.define(`hb-input-array-tags`,vi(ji,{schemaentry:{},show_validation:{}},[`add-tag-label`],[],{mode:`open`})),e.Component=ji})(this[`input-array-tags`]=this[`input-array-tags`]||{});
|
|
52
52
|
//# sourceMappingURL=main.iife.js.map
|