@ironsource/shared-ui 2.2.0-test.11 → 2.2.0-test.13
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/Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -1
- package/components/tag/Tag.vue.d.ts +2 -0
- package/components/tag/Tag.vue.js +5 -5
- package/components/tag/Tag.vue2.js +137 -141
- package/components/tag/index.d.ts +2 -0
- package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
- package/components/tooltip/v4/TooltipV4.vue.js +3 -3
- package/components/tooltip/v4/TooltipV4.vue2.js +80 -36
- package/components/tooltip/v4/index.d.ts +20 -1
- package/index.d.ts +60 -22
- package/package.json +1 -1
- package/Tag.vue_vue_type_style_index_0_scoped_4ee31123_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-78f19cb0],.font-chart-2[data-v-78f19cb0],.font-chart-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-78f19cb0],.tag-input[data-v-78f19cb0],.font-chip-label[data-v-78f19cb0],.font-table-label[data-v-78f19cb0],.font-button[data-v-78f19cb0],.font-heading-6[data-v-78f19cb0],.font-heading-5[data-v-78f19cb0],.font-heading-4[data-v-78f19cb0],.font-heading-3[data-v-78f19cb0],.font-heading-2[data-v-78f19cb0],.font-heading-1[data-v-78f19cb0],.font-title[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-78f19cb0],.font-input-label[data-v-78f19cb0],.font-overline[data-v-78f19cb0],.font-subtitle-2[data-v-78f19cb0],.font-subtitle-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-78f19cb0],.font-body-2[data-v-78f19cb0],.font-body-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-78f19cb0]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-78f19cb0]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-78f19cb0]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-78f19cb0]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-78f19cb0]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-78f19cb0]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-78f19cb0]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-78f19cb0]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-78f19cb0]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-78f19cb0]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-78f19cb0]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-78f19cb0]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-78f19cb0],.font-tab-label2[data-v-78f19cb0]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-78f19cb0],.tag-input[data-v-78f19cb0],.font-chip-label[data-v-78f19cb0]{font-size:.75rem;line-height:1rem}h1[data-v-78f19cb0],h2[data-v-78f19cb0],h3[data-v-78f19cb0],h4[data-v-78f19cb0],h5[data-v-78f19cb0],h6[data-v-78f19cb0]{margin:0}.rounded-tag[data-v-78f19cb0]{border-radius:100px}.tag-editing[data-v-78f19cb0]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-78f19cb0]{background-color:var(--action-hover)}.tag-hover-outline[data-v-78f19cb0]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-78f19cb0]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-78f19cb0]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-78f19cb0]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-78f19cb0]{margin-right:.25rem}.tag-label[data-v-78f19cb0]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-78f19cb0]{color:var(--action-disabled)}.tag-label--hidden[data-v-78f19cb0]{visibility:hidden}.tag-input[data-v-78f19cb0]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-78f19cb0]:focus{outline:none}.tag-input-outline[data-v-78f19cb0]::placeholder{color:var(--action-disabled)}.clear-button[data-v-78f19cb0]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-78f19cb0]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-78f19cb0]{color:var(--error-dark)}.clear-button--invalid[data-v-78f19cb0]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-78f19cb0]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-78f19cb0]{cursor:text}.empty-tag[data-v-78f19cb0]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-78f19cb0]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}.tag-max-length-tooltip[data-v-78f19cb0]{display:flex;width:15.625rem;padding:.25rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-6a66068a]{display:block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0
|
|
1
|
+
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-4.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-3px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
|
|
@@ -58,8 +58,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
58
58
|
withTooltip: boolean;
|
|
59
59
|
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
60
60
|
disabled: boolean;
|
|
61
|
-
size: "small" | "medium";
|
|
62
61
|
maxWidth: number;
|
|
62
|
+
size: "small" | "medium";
|
|
63
63
|
open: boolean;
|
|
64
64
|
startIconName: string;
|
|
65
65
|
startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -36,6 +36,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
36
36
|
"update:label": (value: string) => void;
|
|
37
37
|
remove: () => void;
|
|
38
38
|
stopEditing: () => void;
|
|
39
|
+
"update:isSelected": (value: boolean) => void;
|
|
39
40
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
40
41
|
label: string;
|
|
41
42
|
isSelected: boolean;
|
|
@@ -73,6 +74,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
73
74
|
onRemove?: () => any;
|
|
74
75
|
"onUpdate:label"?: (value: string) => any;
|
|
75
76
|
onStopEditing?: () => any;
|
|
77
|
+
"onUpdate:isSelected"?: (value: boolean) => any;
|
|
76
78
|
}, {
|
|
77
79
|
label: string;
|
|
78
80
|
testId: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../Tag.
|
|
4
|
-
const
|
|
1
|
+
import o from "./Tag.vue2.js";
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-78f19cb0"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../Tag.
|
|
1
|
+
import "../../Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css"; import { defineComponent as J, ref as s, computed as d, watch as S, nextTick as N, openBlock as f, createBlock as C, unref as l, withCtx as m, createElementVNode as E, createVNode as w, createTextVNode as V, toDisplayString as T, normalizeClass as p, normalizeStyle as R, withModifiers as b, createCommentVNode as $, withDirectives as O, createElementBlock as H, isRef as Q, withKeys as K, vModelText as X, vShow as Z } from "vue";
|
|
2
2
|
import D from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import W from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
@@ -24,36 +24,36 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
|
|
|
24
24
|
maxLength: { default: void 0 },
|
|
25
25
|
maxLengthTooltip: { default: "You have reached the maximum number of characters" }
|
|
26
26
|
},
|
|
27
|
-
emits: ["update:label", "remove", "stopEditing"],
|
|
28
|
-
setup(a, { emit:
|
|
29
|
-
const e = a,
|
|
27
|
+
emits: ["update:label", "remove", "stopEditing", "update:isSelected"],
|
|
28
|
+
setup(a, { emit: v }) {
|
|
29
|
+
const e = a, r = s(!1), y = s(null), h = s(void 0), k = s(!1), u = s(!1), i = s(e.isSelected || e.editable), z = d(() => !e.label && !r.value && e.placeholder), I = d(() => (console.log(
|
|
30
30
|
"isTooltipOpen",
|
|
31
|
-
e.maxLength &&
|
|
32
|
-
), e.maxLength &&
|
|
31
|
+
e.maxLength && o.value.length >= e.maxLength && r.value
|
|
32
|
+
), e.maxLength && o.value.length >= e.maxLength && r.value)), g = d(() => e.disabled || !e.selectable || r.value ? "outlined" : u.value ? "filled" : !i.value && !e.editable ? "outlined" : e.variant), F = d(() => e.disabled ? "default" : e.isInvalid ? "error" : i.value || !i.value && e.editable || !e.selectable ? e.color : "default"), o = d({
|
|
33
33
|
get: () => e.label,
|
|
34
34
|
set: (n) => {
|
|
35
|
-
|
|
35
|
+
v("update:label", n);
|
|
36
36
|
}
|
|
37
|
-
}),
|
|
38
|
-
e.disabled || !e.selectable || (e.editable ? (
|
|
37
|
+
}), M = s(null), P = () => M.value?.focus(), U = async () => {
|
|
38
|
+
e.disabled || !e.selectable || (e.editable ? (r.value = !0, await N(), P()) : (i.value = !i.value, v("update:isSelected", i.value)));
|
|
39
39
|
}, Y = () => {
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
|
|
40
|
+
v("stopEditing"), x();
|
|
41
|
+
}, x = () => {
|
|
42
|
+
r.value = !1, !o.value && !e.placeholder && v("remove");
|
|
43
43
|
};
|
|
44
44
|
S(
|
|
45
|
-
() => [
|
|
45
|
+
() => [o.value, e.placeholder, r.value],
|
|
46
46
|
async () => {
|
|
47
|
-
await
|
|
47
|
+
await N(), r.value && y.value ? h.value = y.value.offsetWidth + "px" : h.value = void 0;
|
|
48
48
|
},
|
|
49
49
|
{ immediate: !0 }
|
|
50
50
|
), S(
|
|
51
51
|
() => e.editable,
|
|
52
52
|
() => {
|
|
53
|
-
e.editable && (
|
|
53
|
+
e.editable && (i.value = !0);
|
|
54
54
|
}
|
|
55
55
|
);
|
|
56
|
-
const
|
|
56
|
+
const B = {
|
|
57
57
|
default: "var(--default-outlined-border)",
|
|
58
58
|
primary: "var(--primary-main)",
|
|
59
59
|
info: "var(--info-dark)",
|
|
@@ -61,7 +61,7 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
|
|
|
61
61
|
warning: "var(--warning-main)",
|
|
62
62
|
success: "var(--success-main)",
|
|
63
63
|
dark: "var(--common-divider)"
|
|
64
|
-
},
|
|
64
|
+
}, L = {
|
|
65
65
|
default: "var(--action-active)",
|
|
66
66
|
primary: "var(--primary-dark)",
|
|
67
67
|
info: "var(--info-dark)",
|
|
@@ -81,143 +81,139 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
|
|
|
81
81
|
if (e.disabled)
|
|
82
82
|
return "var(--action-disabled)";
|
|
83
83
|
const n = e.isInvalid ? "error" : e.color;
|
|
84
|
-
return
|
|
84
|
+
return k.value ? j[n] : L[n];
|
|
85
85
|
}), A = d(() => {
|
|
86
86
|
if (e.disabled)
|
|
87
87
|
return "var(--action-disabled)";
|
|
88
88
|
const n = e.isInvalid ? "error" : e.color;
|
|
89
|
-
return
|
|
89
|
+
return i.value || !e.selectable ? L[n] : "var(--action-active)";
|
|
90
90
|
}), G = d(() => {
|
|
91
91
|
if (e.editable && e.variant !== "outlined" || !e.selectable) {
|
|
92
|
-
const n =
|
|
92
|
+
const n = r.value ? B[e.color] : "var(--primary-main-50-p)";
|
|
93
93
|
return {
|
|
94
|
-
"--outline-color": e.isInvalid ?
|
|
94
|
+
"--outline-color": e.isInvalid ? B.error : n
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
|
-
return
|
|
98
|
-
"--outline-color":
|
|
97
|
+
return u.value && e.variant !== "outlined" && e.color === "primary" && !e.editable ? {
|
|
98
|
+
"--outline-color": i.value ? "var(--primary-main-50-p)" : "var(--action-active)"
|
|
99
99
|
} : {};
|
|
100
100
|
});
|
|
101
|
-
return (n, t) => (
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
y(l(D), { variant: "body2" }, {
|
|
115
|
-
default: f(() => [
|
|
116
|
-
R(z(a.maxLengthTooltip), 1)
|
|
117
|
-
]),
|
|
118
|
-
_: 1
|
|
119
|
-
})
|
|
120
|
-
])
|
|
121
|
-
]),
|
|
122
|
-
trigger: f(() => [
|
|
123
|
-
y(l(_), {
|
|
124
|
-
class: h({
|
|
125
|
-
"rounded-tag": a.rounded,
|
|
126
|
-
"tag-editing": i.value && l(p) !== "outlined",
|
|
127
|
-
// outlined chips have an outline
|
|
128
|
-
"tag-hover-outline": a.label && s.value && l(p) !== "outlined",
|
|
129
|
-
// outlined chips have an outline
|
|
130
|
-
"unselected-tag-hover-outline": a.label && s.value && l(p) !== "outlined" && !o.value && !a.editable,
|
|
131
|
-
// for unselected tags that are not editable, we want to show a hover outline
|
|
132
|
-
"tag-disabled": a.disabled,
|
|
133
|
-
"empty-tag": l(I),
|
|
134
|
-
"unselected-tag": !o.value && a.selectable && a.label,
|
|
135
|
-
"editable-tag": a.editable && !a.disabled
|
|
136
|
-
}),
|
|
137
|
-
label: l(r),
|
|
138
|
-
"test-id": a.testId,
|
|
139
|
-
color: l(F),
|
|
140
|
-
size: a.size,
|
|
141
|
-
variant: l(p),
|
|
142
|
-
disabled: a.disabled,
|
|
143
|
-
style: T(l(G)),
|
|
144
|
-
onMouseover: t[5] || (t[5] = (c) => s.value = !0),
|
|
145
|
-
onMouseleave: t[6] || (t[6] = (c) => s.value = !1),
|
|
146
|
-
onClick: m(U, ["stop"])
|
|
147
|
-
}, {
|
|
148
|
-
default: f(() => [
|
|
149
|
-
V("div", le, [
|
|
150
|
-
a.iconName ? (v(), $(l(W), {
|
|
151
|
-
key: 0,
|
|
152
|
-
name: a.iconName,
|
|
153
|
-
size: "16px",
|
|
154
|
-
color: l(A),
|
|
155
|
-
class: "tag-icon",
|
|
156
|
-
type: a.iconType
|
|
157
|
-
}, null, 8, ["name", "color", "type"])) : O("", !0),
|
|
158
|
-
i.value ? H((v(), C("input", {
|
|
159
|
-
key: 2,
|
|
160
|
-
ref_key: "inputRef",
|
|
161
|
-
ref: B,
|
|
162
|
-
"onUpdate:modelValue": t[0] || (t[0] = (c) => Q(r) ? r.value = c : null),
|
|
163
|
-
placeholder: a.placeholder,
|
|
164
|
-
class: h(["tag-input", { "tag-input-outline": a.variant === "outlined" }]),
|
|
165
|
-
spellcheck: "false",
|
|
166
|
-
style: T({ width: g.value }),
|
|
167
|
-
maxlength: a.maxLength,
|
|
168
|
-
onBlur: Y,
|
|
169
|
-
onKeyup: [
|
|
170
|
-
K(m(w, ["prevent"]), ["enter"]),
|
|
171
|
-
K(m(w, ["prevent"]), ["esc"])
|
|
172
|
-
]
|
|
173
|
-
}, null, 46, te)), [
|
|
174
|
-
[
|
|
175
|
-
X,
|
|
176
|
-
l(r),
|
|
177
|
-
void 0,
|
|
178
|
-
{ trim: !0 }
|
|
179
|
-
]
|
|
180
|
-
]) : (v(), $(l(D), {
|
|
181
|
-
key: 1,
|
|
182
|
-
variant: "chipLabel",
|
|
183
|
-
class: h(["tag-label", {
|
|
184
|
-
"tag-label--placeholder": !l(r) && a.placeholder,
|
|
185
|
-
"tag-label--disabled": a.disabled
|
|
186
|
-
}])
|
|
187
|
-
}, {
|
|
188
|
-
default: f(() => [
|
|
189
|
-
R(z(l(r) || a.placeholder), 1)
|
|
190
|
-
]),
|
|
191
|
-
_: 1
|
|
192
|
-
}, 8, ["class"])),
|
|
193
|
-
i.value ? (v(), C("span", {
|
|
194
|
-
key: 3,
|
|
195
|
-
ref_key: "sizerRef",
|
|
196
|
-
ref: k,
|
|
197
|
-
class: "tag-input-sizer"
|
|
198
|
-
}, z(l(r) || a.placeholder || ""), 513)) : O("", !0)
|
|
199
|
-
]),
|
|
200
|
-
H(y(l(W), {
|
|
201
|
-
class: h(["clear-button", { "clear-button--invalid": a.isInvalid }]),
|
|
202
|
-
name: "x-circle",
|
|
203
|
-
size: "16px",
|
|
204
|
-
type: "fill",
|
|
205
|
-
color: l(q),
|
|
206
|
-
onMousedown: t[1] || (t[1] = m(() => {
|
|
207
|
-
}, ["prevent"])),
|
|
208
|
-
onMouseover: t[2] || (t[2] = (c) => x.value = !0),
|
|
209
|
-
onMouseleave: t[3] || (t[3] = (c) => x.value = !1),
|
|
210
|
-
onClick: t[4] || (t[4] = m((c) => b("remove"), ["stop"]))
|
|
211
|
-
}, null, 8, ["class", "color"]), [
|
|
212
|
-
[Z, a.editable && !l(I) && a.selectable]
|
|
213
|
-
])
|
|
101
|
+
return (n, t) => (f(), C(l(ee), {
|
|
102
|
+
placement: "top",
|
|
103
|
+
text: a.maxLengthTooltip,
|
|
104
|
+
"is-open": l(I),
|
|
105
|
+
disabled: !l(I),
|
|
106
|
+
distance: 10,
|
|
107
|
+
skidding: 10
|
|
108
|
+
}, {
|
|
109
|
+
content: m(() => [
|
|
110
|
+
E("div", ae, [
|
|
111
|
+
w(l(D), { variant: "body2" }, {
|
|
112
|
+
default: m(() => [
|
|
113
|
+
V(T(a.maxLengthTooltip), 1)
|
|
214
114
|
]),
|
|
215
115
|
_: 1
|
|
216
|
-
}
|
|
217
|
-
])
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
116
|
+
})
|
|
117
|
+
])
|
|
118
|
+
]),
|
|
119
|
+
trigger: m(() => [
|
|
120
|
+
w(l(_), {
|
|
121
|
+
class: p({
|
|
122
|
+
"rounded-tag": a.rounded,
|
|
123
|
+
"tag-editing": r.value && l(g) !== "outlined",
|
|
124
|
+
// outlined chips have an outline
|
|
125
|
+
"tag-hover-outline": a.label && u.value && l(g) !== "outlined",
|
|
126
|
+
// outlined chips have an outline
|
|
127
|
+
"unselected-tag-hover-outline": a.label && u.value && l(g) !== "outlined" && !i.value && !a.editable,
|
|
128
|
+
// for unselected tags that are not editable, we want to show a hover outline
|
|
129
|
+
"tag-disabled": a.disabled,
|
|
130
|
+
"empty-tag": l(z),
|
|
131
|
+
"unselected-tag": !i.value && a.selectable && a.label && !u.value,
|
|
132
|
+
"editable-tag": a.editable && !a.disabled
|
|
133
|
+
}),
|
|
134
|
+
label: l(o),
|
|
135
|
+
"test-id": a.testId,
|
|
136
|
+
color: l(F),
|
|
137
|
+
size: a.size,
|
|
138
|
+
variant: l(g),
|
|
139
|
+
disabled: a.disabled,
|
|
140
|
+
style: R(l(G)),
|
|
141
|
+
onMouseover: t[5] || (t[5] = (c) => u.value = !0),
|
|
142
|
+
onMouseleave: t[6] || (t[6] = (c) => u.value = !1),
|
|
143
|
+
onClick: b(U, ["stop"])
|
|
144
|
+
}, {
|
|
145
|
+
default: m(() => [
|
|
146
|
+
E("div", le, [
|
|
147
|
+
a.iconName ? (f(), C(l(W), {
|
|
148
|
+
key: 0,
|
|
149
|
+
name: a.iconName,
|
|
150
|
+
size: "16px",
|
|
151
|
+
color: l(A),
|
|
152
|
+
class: "tag-icon",
|
|
153
|
+
type: a.iconType
|
|
154
|
+
}, null, 8, ["name", "color", "type"])) : $("", !0),
|
|
155
|
+
r.value ? O((f(), H("input", {
|
|
156
|
+
key: 2,
|
|
157
|
+
ref_key: "inputRef",
|
|
158
|
+
ref: M,
|
|
159
|
+
"onUpdate:modelValue": t[0] || (t[0] = (c) => Q(o) ? o.value = c : null),
|
|
160
|
+
placeholder: a.placeholder,
|
|
161
|
+
class: p(["tag-input", { "tag-input-outline": a.variant === "outlined" }]),
|
|
162
|
+
spellcheck: "false",
|
|
163
|
+
style: R({ width: h.value }),
|
|
164
|
+
maxlength: a.maxLength,
|
|
165
|
+
onBlur: Y,
|
|
166
|
+
onKeyup: [
|
|
167
|
+
K(b(x, ["prevent"]), ["enter"]),
|
|
168
|
+
K(b(x, ["prevent"]), ["esc"])
|
|
169
|
+
]
|
|
170
|
+
}, null, 46, te)), [
|
|
171
|
+
[
|
|
172
|
+
X,
|
|
173
|
+
l(o),
|
|
174
|
+
void 0,
|
|
175
|
+
{ trim: !0 }
|
|
176
|
+
]
|
|
177
|
+
]) : (f(), C(l(D), {
|
|
178
|
+
key: 1,
|
|
179
|
+
variant: "chipLabel",
|
|
180
|
+
class: p(["tag-label", {
|
|
181
|
+
"tag-label--placeholder": !l(o) && a.placeholder,
|
|
182
|
+
"tag-label--disabled": a.disabled
|
|
183
|
+
}])
|
|
184
|
+
}, {
|
|
185
|
+
default: m(() => [
|
|
186
|
+
V(T(l(o) || a.placeholder), 1)
|
|
187
|
+
]),
|
|
188
|
+
_: 1
|
|
189
|
+
}, 8, ["class"])),
|
|
190
|
+
r.value ? (f(), H("span", {
|
|
191
|
+
key: 3,
|
|
192
|
+
ref_key: "sizerRef",
|
|
193
|
+
ref: y,
|
|
194
|
+
class: "tag-input-sizer"
|
|
195
|
+
}, T(l(o) || a.placeholder || ""), 513)) : $("", !0)
|
|
196
|
+
]),
|
|
197
|
+
O(w(l(W), {
|
|
198
|
+
class: p(["clear-button", { "clear-button--invalid": a.isInvalid }]),
|
|
199
|
+
name: "x-circle",
|
|
200
|
+
size: "16px",
|
|
201
|
+
type: "fill",
|
|
202
|
+
color: l(q),
|
|
203
|
+
onMousedown: t[1] || (t[1] = b(() => {
|
|
204
|
+
}, ["prevent"])),
|
|
205
|
+
onMouseover: t[2] || (t[2] = (c) => k.value = !0),
|
|
206
|
+
onMouseleave: t[3] || (t[3] = (c) => k.value = !1),
|
|
207
|
+
onClick: t[4] || (t[4] = b((c) => v("remove"), ["stop"]))
|
|
208
|
+
}, null, 8, ["class", "color"]), [
|
|
209
|
+
[Z, a.editable && !l(z) && a.selectable]
|
|
210
|
+
])
|
|
211
|
+
]),
|
|
212
|
+
_: 1
|
|
213
|
+
}, 8, ["class", "label", "test-id", "color", "size", "variant", "disabled", "style", "onClick"])
|
|
214
|
+
]),
|
|
215
|
+
_: 1
|
|
216
|
+
}, 8, ["text", "is-open", "disabled"]));
|
|
221
217
|
}
|
|
222
218
|
});
|
|
223
219
|
export {
|
|
@@ -69,6 +69,7 @@ declare const TagTypes: () => import("vue").DefineComponent<{
|
|
|
69
69
|
"update:label": (value: string) => void;
|
|
70
70
|
remove: () => void;
|
|
71
71
|
stopEditing: () => void;
|
|
72
|
+
"update:isSelected": (value: boolean) => void;
|
|
72
73
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
73
74
|
label: {
|
|
74
75
|
type: import("vue").PropType<string>;
|
|
@@ -139,6 +140,7 @@ declare const TagTypes: () => import("vue").DefineComponent<{
|
|
|
139
140
|
onRemove?: () => any;
|
|
140
141
|
"onUpdate:label"?: (value: string) => any;
|
|
141
142
|
onStopEditing?: () => any;
|
|
143
|
+
"onUpdate:isSelected"?: (value: boolean) => any;
|
|
142
144
|
}, {
|
|
143
145
|
label: string;
|
|
144
146
|
testId: string;
|
|
@@ -14,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
14
14
|
shown?: boolean;
|
|
15
15
|
autoHide?: boolean;
|
|
16
16
|
dontWrapDisabled?: boolean;
|
|
17
|
+
maxWidth?: string;
|
|
17
18
|
}>, {
|
|
18
19
|
text: any;
|
|
19
20
|
header: any;
|
|
@@ -29,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
29
30
|
shown: any;
|
|
30
31
|
autoHide: boolean;
|
|
31
32
|
dontWrapDisabled: boolean;
|
|
33
|
+
maxWidth: string;
|
|
32
34
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
35
|
show: () => void;
|
|
34
36
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -46,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
46
48
|
shown?: boolean;
|
|
47
49
|
autoHide?: boolean;
|
|
48
50
|
dontWrapDisabled?: boolean;
|
|
51
|
+
maxWidth?: string;
|
|
49
52
|
}>, {
|
|
50
53
|
text: any;
|
|
51
54
|
header: any;
|
|
@@ -61,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
61
64
|
shown: any;
|
|
62
65
|
autoHide: boolean;
|
|
63
66
|
dontWrapDisabled: boolean;
|
|
67
|
+
maxWidth: string;
|
|
64
68
|
}>>> & {
|
|
65
69
|
onShow?: () => any;
|
|
66
70
|
}, {
|
|
@@ -78,6 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
78
82
|
shown: boolean;
|
|
79
83
|
autoHide: boolean;
|
|
80
84
|
dontWrapDisabled: boolean;
|
|
85
|
+
maxWidth: string;
|
|
81
86
|
}>, {
|
|
82
87
|
default?(_: {}): any;
|
|
83
88
|
tooltip?(_: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./TooltipV4.vue2.js";
|
|
2
|
-
/* empty css *//* empty css */import
|
|
3
|
-
// import "../../../TooltipV4.
|
|
2
|
+
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css"; //*');
|
|
4
4
|
// import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */
|
|
5
|
+
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6a66068a"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
2
|
-
import
|
|
3
|
-
import { Tooltip as
|
|
4
|
-
import { TooltipTestIdModifiers as
|
|
5
|
-
import
|
|
6
|
-
import { tooltipCommon as
|
|
7
|
-
import { useTestIdAttrs as
|
|
8
|
-
const
|
|
1
|
+
import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_6a66068a_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as w, computed as T, onMounted as N, watch as E, onUnmounted as B, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as x, withCtx as p, createTextVNode as b, toDisplayString as V, createElementVNode as W } from "vue";
|
|
2
|
+
import $ from "./TextWithTitleContent.vue.js";
|
|
3
|
+
import { Tooltip as I } from "floating-vue";
|
|
4
|
+
import { TooltipTestIdModifiers as h } from "../../../testids/index.js";
|
|
5
|
+
import k from "../../typography/v4/Typography.vue.js";
|
|
6
|
+
import { tooltipCommon as A } from "../common/Tooltip.common.js";
|
|
7
|
+
import { useTestIdAttrs as P } from "../../../utils/testIds.js";
|
|
8
|
+
const S = {
|
|
9
9
|
ref: "container",
|
|
10
10
|
class: "container"
|
|
11
|
-
},
|
|
11
|
+
}, U = /* @__PURE__ */ w({
|
|
12
12
|
__name: "TooltipV4",
|
|
13
13
|
props: {
|
|
14
14
|
text: { default: null },
|
|
@@ -24,45 +24,89 @@ const B = {
|
|
|
24
24
|
container: { default: "body" },
|
|
25
25
|
shown: { type: Boolean, default: null },
|
|
26
26
|
autoHide: { type: Boolean, default: !0 },
|
|
27
|
-
dontWrapDisabled: { type: Boolean, default: !1 }
|
|
27
|
+
dontWrapDisabled: { type: Boolean, default: !1 },
|
|
28
|
+
maxWidth: { default: "21.875rem" }
|
|
28
29
|
},
|
|
29
30
|
emits: ["show"],
|
|
30
|
-
setup(
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
setup(t, { emit: v }) {
|
|
32
|
+
const o = t, { textForDisplay: r } = A(o), f = P(o.testId, h), d = (e) => `--tooltip-max-width-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, s = (e) => `max-width-class-${e.replace(/[^a-zA-Z0-9]/g, "-")}`, y = (e) => {
|
|
33
|
+
const a = s(e), l = d(e);
|
|
34
|
+
return `
|
|
35
|
+
.v-popper--theme-light-theme-v4.v4-tooltip.${a} .v-popper__wrapper {
|
|
36
|
+
max-width: var(${l}, 21.875rem)
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
}, C = T(
|
|
40
|
+
() => [
|
|
41
|
+
o.theme,
|
|
42
|
+
o.placement,
|
|
43
|
+
"v4-tooltip",
|
|
44
|
+
o.maxWidth ? s(o.maxWidth) : ""
|
|
45
|
+
// This is the class name that will be used as a selector for the tooltip
|
|
46
|
+
].filter(Boolean)
|
|
47
|
+
);
|
|
48
|
+
return N(() => {
|
|
49
|
+
if (o.maxWidth) {
|
|
50
|
+
const e = d(o.maxWidth), a = s(o.maxWidth);
|
|
51
|
+
if (document.documentElement.style.setProperty(e, o.maxWidth), !document.getElementById(a)) {
|
|
52
|
+
const l = document.createElement("style");
|
|
53
|
+
l.id = a, l.textContent = y(o.maxWidth), document.head.appendChild(l);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}), E(
|
|
57
|
+
() => o.maxWidth,
|
|
58
|
+
(e, a) => {
|
|
59
|
+
if (a) {
|
|
60
|
+
const l = d(a);
|
|
61
|
+
document.documentElement.style.removeProperty(l);
|
|
62
|
+
}
|
|
63
|
+
if (e) {
|
|
64
|
+
const l = d(e), g = s(e);
|
|
65
|
+
if (document.documentElement.style.setProperty(l, e), !document.getElementById(g)) {
|
|
66
|
+
const m = document.createElement("style");
|
|
67
|
+
m.id = g, m.textContent = y(e), document.head.appendChild(m);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
), B(() => {
|
|
72
|
+
if (o.maxWidth) {
|
|
73
|
+
const e = d(o.maxWidth);
|
|
74
|
+
document.documentElement.style.removeProperty(e);
|
|
75
|
+
}
|
|
76
|
+
}), (e, a) => (t.disabled || !t.text) && t.dontWrapDisabled ? i(e.$slots, "default", { key: 0 }, void 0, !0) : (c(), u(n(I), x({ key: 1 }, { ...e.$props, ...n(f)[n(h).TRIGGER] }, {
|
|
77
|
+
theme: t.theme,
|
|
34
78
|
"no-auto-focus": "",
|
|
35
|
-
triggers:
|
|
36
|
-
delay: { show:
|
|
37
|
-
placement:
|
|
38
|
-
disabled:
|
|
39
|
-
"popper-class":
|
|
79
|
+
triggers: t.triggers,
|
|
80
|
+
delay: { show: t.delay, hide: 0 },
|
|
81
|
+
placement: t.placement,
|
|
82
|
+
disabled: t.disabled || t.text && !n(r),
|
|
83
|
+
"popper-class": n(C),
|
|
40
84
|
class: ["v4-tooltip"],
|
|
41
|
-
distance:
|
|
42
|
-
"auto-hide":
|
|
43
|
-
shown:
|
|
44
|
-
onApplyShow:
|
|
85
|
+
distance: t.distance,
|
|
86
|
+
"auto-hide": t.autoHide,
|
|
87
|
+
shown: t.shown,
|
|
88
|
+
onApplyShow: a[0] || (a[0] = (l) => v("show"))
|
|
45
89
|
}), {
|
|
46
|
-
popper:
|
|
47
|
-
|
|
48
|
-
|
|
90
|
+
popper: p(() => [
|
|
91
|
+
i(e.$slots, "tooltip", { text: n(r) }, () => [
|
|
92
|
+
t.header ? (c(), u($, {
|
|
49
93
|
key: 1,
|
|
50
|
-
text:
|
|
51
|
-
header:
|
|
52
|
-
}, null, 8, ["text", "header"])) : (
|
|
94
|
+
text: t.text,
|
|
95
|
+
header: t.header
|
|
96
|
+
}, null, 8, ["text", "header"])) : (c(), u(n(k), x({
|
|
53
97
|
key: 0,
|
|
54
98
|
variant: "body2"
|
|
55
|
-
},
|
|
56
|
-
default:
|
|
57
|
-
|
|
99
|
+
}, n(f)[n(h).TEXT]), {
|
|
100
|
+
default: p(() => [
|
|
101
|
+
b(V(n(r)), 1)
|
|
58
102
|
]),
|
|
59
103
|
_: 1
|
|
60
104
|
}, 16))
|
|
61
105
|
], !0)
|
|
62
106
|
]),
|
|
63
|
-
default:
|
|
64
|
-
|
|
65
|
-
|
|
107
|
+
default: p(() => [
|
|
108
|
+
W("div", S, [
|
|
109
|
+
i(e.$slots, "default", {}, void 0, !0)
|
|
66
110
|
], 512)
|
|
67
111
|
]),
|
|
68
112
|
_: 3
|
|
@@ -70,5 +114,5 @@ const B = {
|
|
|
70
114
|
}
|
|
71
115
|
});
|
|
72
116
|
export {
|
|
73
|
-
|
|
117
|
+
U as default
|
|
74
118
|
};
|
|
@@ -18,6 +18,7 @@ declare const TooltipTypes: () => ({
|
|
|
18
18
|
shown: boolean;
|
|
19
19
|
autoHide: boolean;
|
|
20
20
|
dontWrapDisabled: boolean;
|
|
21
|
+
maxWidth: string;
|
|
21
22
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
22
23
|
header: {
|
|
23
24
|
type: import("vue").PropType<string>;
|
|
@@ -75,9 +76,13 @@ declare const TooltipTypes: () => ({
|
|
|
75
76
|
type: import("vue").PropType<boolean>;
|
|
76
77
|
default: boolean;
|
|
77
78
|
};
|
|
79
|
+
maxWidth: {
|
|
80
|
+
type: import("vue").PropType<string>;
|
|
81
|
+
default: string;
|
|
82
|
+
};
|
|
78
83
|
}>> & {
|
|
79
84
|
onShow?: () => any;
|
|
80
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
|
|
85
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
|
|
81
86
|
$attrs: {
|
|
82
87
|
[x: string]: unknown;
|
|
83
88
|
};
|
|
@@ -148,6 +153,10 @@ declare const TooltipTypes: () => ({
|
|
|
148
153
|
type: import("vue").PropType<boolean>;
|
|
149
154
|
default: boolean;
|
|
150
155
|
};
|
|
156
|
+
maxWidth: {
|
|
157
|
+
type: import("vue").PropType<string>;
|
|
158
|
+
default: string;
|
|
159
|
+
};
|
|
151
160
|
}>> & {
|
|
152
161
|
onShow?: () => any;
|
|
153
162
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -167,6 +176,7 @@ declare const TooltipTypes: () => ({
|
|
|
167
176
|
shown: boolean;
|
|
168
177
|
autoHide: boolean;
|
|
169
178
|
dontWrapDisabled: boolean;
|
|
179
|
+
maxWidth: string;
|
|
170
180
|
}, {}, string> & {
|
|
171
181
|
beforeCreate?: (() => void) | (() => void)[];
|
|
172
182
|
created?: (() => void) | (() => void)[];
|
|
@@ -244,6 +254,10 @@ declare const TooltipTypes: () => ({
|
|
|
244
254
|
type: import("vue").PropType<boolean>;
|
|
245
255
|
default: boolean;
|
|
246
256
|
};
|
|
257
|
+
maxWidth: {
|
|
258
|
+
type: import("vue").PropType<string>;
|
|
259
|
+
default: string;
|
|
260
|
+
};
|
|
247
261
|
}>> & {
|
|
248
262
|
onShow?: () => any;
|
|
249
263
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -307,6 +321,10 @@ declare const TooltipTypes: () => ({
|
|
|
307
321
|
type: import("vue").PropType<boolean>;
|
|
308
322
|
default: boolean;
|
|
309
323
|
};
|
|
324
|
+
maxWidth: {
|
|
325
|
+
type: import("vue").PropType<string>;
|
|
326
|
+
default: string;
|
|
327
|
+
};
|
|
310
328
|
}>> & {
|
|
311
329
|
onShow?: () => any;
|
|
312
330
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -326,6 +344,7 @@ declare const TooltipTypes: () => ({
|
|
|
326
344
|
shown: boolean;
|
|
327
345
|
autoHide: boolean;
|
|
328
346
|
dontWrapDisabled: boolean;
|
|
347
|
+
maxWidth: string;
|
|
329
348
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
330
349
|
$slots: {
|
|
331
350
|
default?(_: {}): any;
|
package/index.d.ts
CHANGED
|
@@ -10811,6 +10811,7 @@ declare const _default: {
|
|
|
10811
10811
|
shown: boolean;
|
|
10812
10812
|
autoHide: boolean;
|
|
10813
10813
|
dontWrapDisabled: boolean;
|
|
10814
|
+
maxWidth: string;
|
|
10814
10815
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
10815
10816
|
header: {
|
|
10816
10817
|
type: import("vue").PropType<string>;
|
|
@@ -10868,9 +10869,13 @@ declare const _default: {
|
|
|
10868
10869
|
type: import("vue").PropType<boolean>;
|
|
10869
10870
|
default: boolean;
|
|
10870
10871
|
};
|
|
10872
|
+
maxWidth: {
|
|
10873
|
+
type: import("vue").PropType<string>;
|
|
10874
|
+
default: string;
|
|
10875
|
+
};
|
|
10871
10876
|
}>> & {
|
|
10872
10877
|
onShow?: () => any;
|
|
10873
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
|
|
10878
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
|
|
10874
10879
|
$attrs: {
|
|
10875
10880
|
[x: string]: unknown;
|
|
10876
10881
|
};
|
|
@@ -10941,6 +10946,10 @@ declare const _default: {
|
|
|
10941
10946
|
type: import("vue").PropType<boolean>;
|
|
10942
10947
|
default: boolean;
|
|
10943
10948
|
};
|
|
10949
|
+
maxWidth: {
|
|
10950
|
+
type: import("vue").PropType<string>;
|
|
10951
|
+
default: string;
|
|
10952
|
+
};
|
|
10944
10953
|
}>> & {
|
|
10945
10954
|
onShow?: () => any;
|
|
10946
10955
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -10960,6 +10969,7 @@ declare const _default: {
|
|
|
10960
10969
|
shown: boolean;
|
|
10961
10970
|
autoHide: boolean;
|
|
10962
10971
|
dontWrapDisabled: boolean;
|
|
10972
|
+
maxWidth: string;
|
|
10963
10973
|
}, {}, string> & {
|
|
10964
10974
|
beforeCreate?: (() => void) | (() => void)[];
|
|
10965
10975
|
created?: (() => void) | (() => void)[];
|
|
@@ -11037,6 +11047,10 @@ declare const _default: {
|
|
|
11037
11047
|
type: import("vue").PropType<boolean>;
|
|
11038
11048
|
default: boolean;
|
|
11039
11049
|
};
|
|
11050
|
+
maxWidth: {
|
|
11051
|
+
type: import("vue").PropType<string>;
|
|
11052
|
+
default: string;
|
|
11053
|
+
};
|
|
11040
11054
|
}>> & {
|
|
11041
11055
|
onShow?: () => any;
|
|
11042
11056
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -11100,6 +11114,10 @@ declare const _default: {
|
|
|
11100
11114
|
type: import("vue").PropType<boolean>;
|
|
11101
11115
|
default: boolean;
|
|
11102
11116
|
};
|
|
11117
|
+
maxWidth: {
|
|
11118
|
+
type: import("vue").PropType<string>;
|
|
11119
|
+
default: string;
|
|
11120
|
+
};
|
|
11103
11121
|
}>> & {
|
|
11104
11122
|
onShow?: () => any;
|
|
11105
11123
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -11119,6 +11137,7 @@ declare const _default: {
|
|
|
11119
11137
|
shown: boolean;
|
|
11120
11138
|
autoHide: boolean;
|
|
11121
11139
|
dontWrapDisabled: boolean;
|
|
11140
|
+
maxWidth: string;
|
|
11122
11141
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
11123
11142
|
$slots: {
|
|
11124
11143
|
default?(_: {}): any;
|
|
@@ -11146,6 +11165,7 @@ declare const _default: {
|
|
|
11146
11165
|
shown: boolean;
|
|
11147
11166
|
autoHide: boolean;
|
|
11148
11167
|
dontWrapDisabled: boolean;
|
|
11168
|
+
maxWidth: string;
|
|
11149
11169
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
11150
11170
|
header: {
|
|
11151
11171
|
type: import("vue").PropType<string>;
|
|
@@ -11203,9 +11223,13 @@ declare const _default: {
|
|
|
11203
11223
|
type: import("vue").PropType<boolean>;
|
|
11204
11224
|
default: boolean;
|
|
11205
11225
|
};
|
|
11226
|
+
maxWidth: {
|
|
11227
|
+
type: import("vue").PropType<string>;
|
|
11228
|
+
default: string;
|
|
11229
|
+
};
|
|
11206
11230
|
}>> & {
|
|
11207
11231
|
onShow?: () => any;
|
|
11208
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
|
|
11232
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled" | "maxWidth">;
|
|
11209
11233
|
$attrs: {
|
|
11210
11234
|
[x: string]: unknown;
|
|
11211
11235
|
};
|
|
@@ -11276,6 +11300,10 @@ declare const _default: {
|
|
|
11276
11300
|
type: import("vue").PropType<boolean>;
|
|
11277
11301
|
default: boolean;
|
|
11278
11302
|
};
|
|
11303
|
+
maxWidth: {
|
|
11304
|
+
type: import("vue").PropType<string>;
|
|
11305
|
+
default: string;
|
|
11306
|
+
};
|
|
11279
11307
|
}>> & {
|
|
11280
11308
|
onShow?: () => any;
|
|
11281
11309
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -11295,6 +11323,7 @@ declare const _default: {
|
|
|
11295
11323
|
shown: boolean;
|
|
11296
11324
|
autoHide: boolean;
|
|
11297
11325
|
dontWrapDisabled: boolean;
|
|
11326
|
+
maxWidth: string;
|
|
11298
11327
|
}, {}, string> & {
|
|
11299
11328
|
beforeCreate?: (() => void) | (() => void)[];
|
|
11300
11329
|
created?: (() => void) | (() => void)[];
|
|
@@ -11372,6 +11401,10 @@ declare const _default: {
|
|
|
11372
11401
|
type: import("vue").PropType<boolean>;
|
|
11373
11402
|
default: boolean;
|
|
11374
11403
|
};
|
|
11404
|
+
maxWidth: {
|
|
11405
|
+
type: import("vue").PropType<string>;
|
|
11406
|
+
default: string;
|
|
11407
|
+
};
|
|
11375
11408
|
}>> & {
|
|
11376
11409
|
onShow?: () => any;
|
|
11377
11410
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -11435,6 +11468,10 @@ declare const _default: {
|
|
|
11435
11468
|
type: import("vue").PropType<boolean>;
|
|
11436
11469
|
default: boolean;
|
|
11437
11470
|
};
|
|
11471
|
+
maxWidth: {
|
|
11472
|
+
type: import("vue").PropType<string>;
|
|
11473
|
+
default: string;
|
|
11474
|
+
};
|
|
11438
11475
|
}>> & {
|
|
11439
11476
|
onShow?: () => any;
|
|
11440
11477
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -11454,6 +11491,7 @@ declare const _default: {
|
|
|
11454
11491
|
shown: boolean;
|
|
11455
11492
|
autoHide: boolean;
|
|
11456
11493
|
dontWrapDisabled: boolean;
|
|
11494
|
+
maxWidth: string;
|
|
11457
11495
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
11458
11496
|
$slots: {
|
|
11459
11497
|
default?(_: {}): any;
|
|
@@ -19740,8 +19778,8 @@ declare const _default: {
|
|
|
19740
19778
|
withTooltip: boolean;
|
|
19741
19779
|
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
19742
19780
|
disabled: boolean;
|
|
19743
|
-
size: "small" | "medium";
|
|
19744
19781
|
maxWidth: number;
|
|
19782
|
+
size: "small" | "medium";
|
|
19745
19783
|
open: boolean;
|
|
19746
19784
|
startIconName: string;
|
|
19747
19785
|
startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -19771,14 +19809,14 @@ declare const _default: {
|
|
|
19771
19809
|
type: import("vue").PropType<boolean>;
|
|
19772
19810
|
default: boolean;
|
|
19773
19811
|
};
|
|
19774
|
-
size: {
|
|
19775
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
19776
|
-
default: string;
|
|
19777
|
-
};
|
|
19778
19812
|
maxWidth: {
|
|
19779
19813
|
type: import("vue").PropType<number>;
|
|
19780
19814
|
default: number;
|
|
19781
19815
|
};
|
|
19816
|
+
size: {
|
|
19817
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
19818
|
+
default: string;
|
|
19819
|
+
};
|
|
19782
19820
|
open: {
|
|
19783
19821
|
type: import("vue").PropType<boolean>;
|
|
19784
19822
|
default: boolean;
|
|
@@ -19797,7 +19835,7 @@ declare const _default: {
|
|
|
19797
19835
|
};
|
|
19798
19836
|
}>> & {
|
|
19799
19837
|
onClick?: () => any;
|
|
19800
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipPlacement" | "disabled" | "
|
|
19838
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipPlacement" | "disabled" | "maxWidth" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
|
|
19801
19839
|
$attrs: {
|
|
19802
19840
|
[x: string]: unknown;
|
|
19803
19841
|
};
|
|
@@ -19836,14 +19874,14 @@ declare const _default: {
|
|
|
19836
19874
|
type: import("vue").PropType<boolean>;
|
|
19837
19875
|
default: boolean;
|
|
19838
19876
|
};
|
|
19839
|
-
size: {
|
|
19840
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
19841
|
-
default: string;
|
|
19842
|
-
};
|
|
19843
19877
|
maxWidth: {
|
|
19844
19878
|
type: import("vue").PropType<number>;
|
|
19845
19879
|
default: number;
|
|
19846
19880
|
};
|
|
19881
|
+
size: {
|
|
19882
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
19883
|
+
default: string;
|
|
19884
|
+
};
|
|
19847
19885
|
open: {
|
|
19848
19886
|
type: import("vue").PropType<boolean>;
|
|
19849
19887
|
default: boolean;
|
|
@@ -19870,8 +19908,8 @@ declare const _default: {
|
|
|
19870
19908
|
withTooltip: boolean;
|
|
19871
19909
|
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
19872
19910
|
disabled: boolean;
|
|
19873
|
-
size: "small" | "medium";
|
|
19874
19911
|
maxWidth: number;
|
|
19912
|
+
size: "small" | "medium";
|
|
19875
19913
|
open: boolean;
|
|
19876
19914
|
startIconName: string;
|
|
19877
19915
|
startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -19921,14 +19959,14 @@ declare const _default: {
|
|
|
19921
19959
|
type: import("vue").PropType<boolean>;
|
|
19922
19960
|
default: boolean;
|
|
19923
19961
|
};
|
|
19924
|
-
size: {
|
|
19925
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
19926
|
-
default: string;
|
|
19927
|
-
};
|
|
19928
19962
|
maxWidth: {
|
|
19929
19963
|
type: import("vue").PropType<number>;
|
|
19930
19964
|
default: number;
|
|
19931
19965
|
};
|
|
19966
|
+
size: {
|
|
19967
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
19968
|
+
default: string;
|
|
19969
|
+
};
|
|
19932
19970
|
open: {
|
|
19933
19971
|
type: import("vue").PropType<boolean>;
|
|
19934
19972
|
default: boolean;
|
|
@@ -19976,14 +20014,14 @@ declare const _default: {
|
|
|
19976
20014
|
type: import("vue").PropType<boolean>;
|
|
19977
20015
|
default: boolean;
|
|
19978
20016
|
};
|
|
19979
|
-
size: {
|
|
19980
|
-
type: import("vue").PropType<"small" | "medium">;
|
|
19981
|
-
default: string;
|
|
19982
|
-
};
|
|
19983
20017
|
maxWidth: {
|
|
19984
20018
|
type: import("vue").PropType<number>;
|
|
19985
20019
|
default: number;
|
|
19986
20020
|
};
|
|
20021
|
+
size: {
|
|
20022
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
20023
|
+
default: string;
|
|
20024
|
+
};
|
|
19987
20025
|
open: {
|
|
19988
20026
|
type: import("vue").PropType<boolean>;
|
|
19989
20027
|
default: boolean;
|
|
@@ -20010,8 +20048,8 @@ declare const _default: {
|
|
|
20010
20048
|
withTooltip: boolean;
|
|
20011
20049
|
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20012
20050
|
disabled: boolean;
|
|
20013
|
-
size: "small" | "medium";
|
|
20014
20051
|
maxWidth: number;
|
|
20052
|
+
size: "small" | "medium";
|
|
20015
20053
|
open: boolean;
|
|
20016
20054
|
startIconName: string;
|
|
20017
20055
|
startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-4ee31123],.font-chart-2[data-v-4ee31123],.font-chart-1[data-v-4ee31123]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-4ee31123],.tag-input[data-v-4ee31123],.font-chip-label[data-v-4ee31123],.font-table-label[data-v-4ee31123],.font-button[data-v-4ee31123],.font-heading-6[data-v-4ee31123],.font-heading-5[data-v-4ee31123],.font-heading-4[data-v-4ee31123],.font-heading-3[data-v-4ee31123],.font-heading-2[data-v-4ee31123],.font-heading-1[data-v-4ee31123],.font-title[data-v-4ee31123]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-4ee31123],.font-input-label[data-v-4ee31123],.font-overline[data-v-4ee31123],.font-subtitle-2[data-v-4ee31123],.font-subtitle-1[data-v-4ee31123]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-4ee31123],.font-body-2[data-v-4ee31123],.font-body-1[data-v-4ee31123]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-4ee31123]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-4ee31123]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-4ee31123]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-4ee31123]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-4ee31123]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-4ee31123]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-4ee31123]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-4ee31123]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-4ee31123]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-4ee31123]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-4ee31123]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-4ee31123]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-4ee31123]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-4ee31123]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-4ee31123]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-4ee31123]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-4ee31123]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-4ee31123]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-4ee31123],.font-tab-label2[data-v-4ee31123]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-4ee31123],.tag-input[data-v-4ee31123],.font-chip-label[data-v-4ee31123]{font-size:.75rem;line-height:1rem}h1[data-v-4ee31123],h2[data-v-4ee31123],h3[data-v-4ee31123],h4[data-v-4ee31123],h5[data-v-4ee31123],h6[data-v-4ee31123]{margin:0}.tag-container[data-v-4ee31123]{position:relative;width:200px}.rounded-tag[data-v-4ee31123]{border-radius:100px}.tag-editing[data-v-4ee31123]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-4ee31123]{background-color:var(--action-hover)}.tag-hover-outline[data-v-4ee31123]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-4ee31123]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-4ee31123]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-4ee31123]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-4ee31123]{margin-right:.25rem}.tag-label[data-v-4ee31123]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-4ee31123]{color:var(--action-disabled)}.tag-label--hidden[data-v-4ee31123]{visibility:hidden}.tag-input[data-v-4ee31123]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-4ee31123]:focus{outline:none}.tag-input-outline[data-v-4ee31123]::placeholder{color:var(--action-disabled)}.clear-button[data-v-4ee31123]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-4ee31123]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-4ee31123]{color:var(--error-dark)}.clear-button--invalid[data-v-4ee31123]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-4ee31123]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-4ee31123]{cursor:text}.empty-tag[data-v-4ee31123]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-4ee31123]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}.tag-max-length-tooltip[data-v-4ee31123]{display:flex;width:250px;padding:.25rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
div[data-v-8a451e54]{display:block}
|