@sme.up/ketchup 11.0.0-SNAPSHOT-20241024103823 → 11.0.0-SNAPSHOT-20241024123002

package/dist/cjs/kup-autocomplete_27.cjs.entry.js

@@ -16444,7 +16444,7 @@ var KupTabBarProps;
     KupTabBarProps["toolbar"] = "when true, it will show the toolbar activation icon";
 })(KupTabBarProps || (KupTabBarProps = {}));
 
-const kupTabBarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_tabindicator_border_bottom_color:var(\n    --kup-tab-indicator-border-bottom-color,\n    var(--kup-layer-2)\n  );--kup_tabindicator_border_bottom_color_active:var(\n    --kup-tabindicator-border-bottom-color-active,\n    var(--kup-border-interactive)\n  );--kup_tabbar_text_color:var(\n    --kup-tabbar-text-color,\n    var(--kup-text-secondary)\n  );--kup_tabbar_text_color_active:var(\n    --kup-tabbar-text-color-active,\n    var(--kup-text-primary)\n  );--kup_tabbar_border_color_dense:var(\n    --kup-tabbar-border-color-dense,\n    var(--kup-border-strong)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_tab_padding:var(\n    --kup-tabbar-tab-padding,\n    0 var(--kup-space-05)\n  );display:block;font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform;gap:2px}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);position:relative;display:flex;box-sizing:border-box;gap:8px;margin:0px;border:none;flex:1 0;outline:2px solid transparent;outline-offset:-2px;background:none;text-align:left;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height)}.tab-bar .tab-scroller .tab:focus{outline:2px solid var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.tab-bar .tab-scroller .tab .tab__icon .f-image__icon{background:var(--kup_tabbar_text_color) !important}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab:hover .tab-indicator .tab-indicator__content--underline{--kup_tabindicator_border_bottom_color:var(--kup-border-strong)}.tab-bar .tab-scroller .tab.tab--active .tab__iconToolbar{opacity:0.3}.tab-bar .tab-scroller .tab.tab--active:hover .tab__iconToolbar:hover{opacity:1;background-color:var(--kup-gray-color-20-hover)}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__text-label{transition-delay:100ms;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.tab-bar .tab-scroller .tab[disabled]{--kup_tabindicator_border_bottom_color:var(--kup-border-disabled);--kup_tabbar_text_color:var(--kup-text-disabled);pointer-events:none}.tab-bar .tab-scroller .tab.kup-dense{background:var(--kup-layer-2);border-right:1px solid var(--kup_tabbar_border_color_dense)}.tab-bar .tab-scroller .tab.kup-dense.tab--active{background:var(--kup-layer-2-selected)}.tab-bar .tab-scroller .tab.kup-dense:hover{background:var(--kup-layer-2-hover)}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator{height:2px;border-color:transparent}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator--active .tab-indicator__content{border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab__content{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;height:inherit;pointer-events:none;gap:var(--kup-space-03)}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:16px;height:16px;font-size:16px;z-index:2;margin:0}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{height:16px;width:16px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_text_color);min-width:auto}@media screen and (min-width: 678px){.tab-bar .tab-scroller .tab__content .tab__text-label{min-width:150px}}.tab-bar .tab-scroller .tab__iconToolbar{opacity:0}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1;border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{transform-origin:left center}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;color:var(--kup_tabindicator_border_bottom_color)}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";
+const kupTabBarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_tabindicator_border_bottom_color:var(\n    --kup-tab-indicator-border-bottom-color,\n    var(--kup-layer-2)\n  );--kup_tabindicator_border_bottom_color_active:var(\n    --kup-tabindicator-border-bottom-color-active,\n    var(--kup-border-interactive)\n  );--kup_tabbar_text_color:var(\n    --kup-tabbar-text-color,\n    var(--kup-text-secondary)\n  );--kup_tabbar_text_color_active:var(\n    --kup-tabbar-text-color-active,\n    var(--kup-text-primary)\n  );--kup_tabbar_border_color_dense:var(\n    --kup-tabbar-border-color-dense,\n    var(--kup-border-strong)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_tab_padding:var(\n    --kup-tabbar-tab-padding,\n    0 var(--kup-space-05)\n  );display:block;font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform;gap:2px}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);position:relative;display:flex;box-sizing:border-box;gap:8px;margin:0px;border:none;flex:1 0;outline:2px solid transparent;outline-offset:-2px;background:none;text-align:left;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height)}.tab-bar .tab-scroller .tab:focus{outline:2px solid var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.tab-bar .tab-scroller .tab .tab__icon .f-image__icon{background:var(--kup_tabbar_text_color) !important}.tab-bar .tab-scroller .tab.kup-danger{--kup_tabbar_text_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color:var(--kup-danger-color-60);--kup_tabindicator_border_bottom_color_active:var(\n    --kup-danger-color-60\n  )}.tab-bar .tab-scroller .tab.kup-danger:focus{outline:2px solid var(--kup-danger-color-60)}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab:hover .tab-indicator .tab-indicator__content--underline{--kup_tabindicator_border_bottom_color:var(--kup-border-strong)}.tab-bar .tab-scroller .tab.tab--active .tab__iconToolbar{opacity:0.3}.tab-bar .tab-scroller .tab.tab--active:hover .tab__iconToolbar:hover{opacity:1;background-color:var(--kup-gray-color-20-hover)}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller .tab.tab--active .tab__content .tab__text-label{transition-delay:100ms;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.tab-bar .tab-scroller .tab[disabled]{--kup_tabindicator_border_bottom_color:var(--kup-border-disabled);--kup_tabbar_text_color:var(--kup-text-disabled);pointer-events:none}.tab-bar .tab-scroller .tab.kup-dense{background:var(--kup-layer-2);border-right:1px solid var(--kup_tabbar_border_color_dense)}.tab-bar .tab-scroller .tab.kup-dense.tab--active{background:var(--kup-layer-2-selected)}.tab-bar .tab-scroller .tab.kup-dense:hover{background:var(--kup-layer-2-hover)}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator{height:2px;border-color:transparent}.tab-bar .tab-scroller .tab.kup-dense .tab-indicator--active .tab-indicator__content{border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab__content{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;height:inherit;pointer-events:none;gap:var(--kup-space-03)}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:16px;height:16px;font-size:16px;z-index:2;margin:0}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{height:16px;width:16px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_text_color);min-width:auto}@media screen and (min-width: 678px){.tab-bar .tab-scroller .tab__content .tab__text-label{min-width:150px}}.tab-bar .tab-scroller .tab__iconToolbar{opacity:0}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1;border-color:var(--kup_tabindicator_border_bottom_color_active)}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{transform-origin:left center}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;color:var(--kup_tabindicator_border_bottom_color)}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";
 const KupTabBarStyle0 = kupTabBarCss;
 
 var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
@@ -16686,6 +16686,7 @@ const KupTabBar = class {
                 'tab--active': node.active ? true : false,
                 'mdc-ripple-surface': this.ripple ? true : false,
                 'kup-dense': this.dense,
+                'kup-danger': node.danger,
             };
             const tabEl = (index.h("f-button", { class: tabClass, role: "tab", "aria-selected": this.data[i].active ? true : false, tabIndex: i, title: node.title ? node.title : null, onBlur: () => this.onKupBlur(i, node), onClick: () => this.onKupClick(i, node), onFocus: () => this.onKupFocus(i, node) }, index.h("span", { class: "tab__content" }, node.icon ? (index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.PRIMARY})`, resource: node.icon, placeholderResource: node.placeholderIcon, sizeX: "24px", sizeY: "24px", wrapperClass: "tab__icon" })) : null, node.value ? (index.h("span", { class: "tab__text-label" }, this.data[i].value)) : null), this.toolbar && (index.h(fImage.FImage, { resource: "more_vert", sizeX: "16px", sizeY: "16px", onClick: (event) => {
                     event.stopPropagation();