@ds-mo/ui 16.1.3 → 16.2.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/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +1 -1
- package/dist/agent.json +574 -3
- package/dist/angular/ds-disclosure.d.ts +18 -0
- package/dist/angular/ds-disclosure.js +42 -0
- package/dist/angular/ds-drawer.d.ts +40 -0
- package/dist/angular/ds-drawer.js +54 -0
- package/dist/angular/ds-popover.d.ts +24 -0
- package/dist/angular/ds-popover.js +45 -0
- package/dist/angular/index.d.ts +1 -1
- package/dist/angular/index.js +3 -0
- package/dist/angular/proxies.d.ts +3 -0
- package/dist/angular/proxies.js +3 -0
- package/dist/components/ds-agent-activity.js +1 -1
- package/dist/components/ds-agent-questionnaire.js +1 -1
- package/dist/components/ds-agent-response.js +1 -1
- package/dist/components/ds-agent-source-list.js +1 -1
- package/dist/components/ds-agent-tool-call.js +1 -1
- package/dist/components/ds-attachment-list.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-banner.js +1 -1
- package/dist/components/ds-bar-action.js +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-bar-page-title.js +1 -1
- package/dist/components/ds-bar-title.js +1 -1
- package/dist/components/ds-bar-workflow.js +1 -1
- package/dist/components/ds-breadcrumb.js +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-inverted.js +1 -1
- package/dist/components/ds-button-unfilled.js +1 -1
- package/dist/components/ds-calendar.js +1 -1
- package/dist/components/ds-card-action-center.js +1 -1
- package/dist/components/ds-card-chart.js +1 -1
- package/dist/components/ds-card-navigation.js +1 -1
- package/dist/components/ds-card-overview.js +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-card-settings-scope.js +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart.js +1 -1
- package/dist/components/ds-checkbox-group.js +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-code-block.js +1 -1
- package/dist/components/ds-conversation-list-item.js +1 -1
- package/dist/components/ds-conversation-list-section.js +1 -1
- package/dist/components/ds-conversation-list.js +1 -1
- package/dist/components/ds-data-customize.js +1 -1
- package/dist/components/ds-data-filter.js +1 -1
- package/dist/components/ds-data-group.js +1 -1
- package/dist/components/ds-data-preferences.js +1 -1
- package/dist/components/ds-data-preferences.js.map +1 -1
- package/dist/components/ds-data-saved-views.js +1 -1
- package/dist/components/ds-data-search.js +1 -1
- package/dist/components/ds-data-search.js.map +1 -1
- package/dist/components/ds-data-sort.js +1 -1
- package/dist/components/ds-data-toolbar.js +1 -1
- package/dist/components/ds-disclosure.d.ts +11 -0
- package/dist/components/ds-disclosure.js +2 -0
- package/dist/components/ds-disclosure.js.map +1 -0
- package/dist/components/ds-divider.js +1 -1
- package/dist/components/ds-drawer.d.ts +11 -0
- package/dist/components/ds-drawer.js +2 -0
- package/dist/components/ds-drawer.js.map +1 -0
- package/dist/components/ds-empty-state.js +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-filter-menu.js +1 -1
- package/dist/components/ds-inline-banner-settings.js +1 -1
- package/dist/components/ds-input-date.js +1 -1
- package/dist/components/ds-input-time.js +1 -1
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-map-cluster-marker.js +1 -1
- package/dist/components/ds-map-entity-marker.js +1 -1
- package/dist/components/ds-map-marker.js +1 -1
- package/dist/components/ds-markdown.js +1 -1
- package/dist/components/ds-menu.js +1 -1
- package/dist/components/ds-message-actions.js +1 -1
- package/dist/components/ds-message-bubble.js +1 -1
- package/dist/components/ds-message-composer.js +1 -1
- package/dist/components/ds-message-scroller.js +1 -1
- package/dist/components/ds-message.js +1 -1
- package/dist/components/ds-mobile-bar-nav.js +1 -1
- package/dist/components/ds-mobile-header.js +1 -1
- package/dist/components/ds-mobile-section-switcher.js +1 -1
- package/dist/components/ds-mobile-sheet-nav.js +1 -1
- package/dist/components/ds-modal.js +1 -1
- package/dist/components/ds-navigation-tab-group.js +1 -1
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-panel-nav.js +1 -1
- package/dist/components/ds-panel-sub-nav.js +1 -1
- package/dist/components/ds-panel-tool-header.js +1 -1
- package/dist/components/ds-panel-tool-search.js +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-paper-texture.js +1 -1
- package/dist/components/ds-popover.d.ts +11 -0
- package/dist/components/ds-popover.js +2 -0
- package/dist/components/ds-popover.js.map +1 -0
- package/dist/components/ds-radio-tile.js +1 -1
- package/dist/components/ds-radio.js +1 -1
- package/dist/components/ds-score.js +1 -1
- package/dist/components/ds-scroll-overlay.js +1 -1
- package/dist/components/ds-select-toggle.js +1 -1
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-setting-row-checkbox.js +1 -1
- package/dist/components/ds-setting-row-radio.js +1 -1
- package/dist/components/ds-setting-row-radio.js.map +1 -1
- package/dist/components/ds-setting-row-toggle.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-shell-app.js.map +1 -1
- package/dist/components/ds-shell-page.js +1 -1
- package/dist/components/ds-shell-tools.js +1 -1
- package/dist/components/ds-skeleton.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-swatch-picker.js +1 -1
- package/dist/components/ds-switch.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-textarea.js +1 -1
- package/dist/components/ds-time-picker.js +1 -1
- package/dist/components/ds-toast.js +1 -1
- package/dist/components/ds-toast.js.map +1 -1
- package/dist/components/ds-tooltip-chart.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/ds-typing-indicator.js +1 -1
- package/dist/components/{p-D-Lo5uuI.js → p-3_LHRdqq.js} +2 -2
- package/dist/components/{p-Cc8p57pS.js → p-9EjkmESv.js} +2 -2
- package/dist/components/{p-CQnjpuMX.js → p-9PpepIfc.js} +2 -2
- package/dist/components/{p-C860ilDn.js → p-A47UHyiC.js} +2 -2
- package/dist/components/p-BCzvtlR2.js +2 -0
- package/dist/components/{p-D3FrQk7o.js.map → p-BCzvtlR2.js.map} +1 -1
- package/dist/components/{p-ClOvX8cD.js → p-BEj9uENH.js} +2 -2
- package/dist/components/{p-CtomYv1z.js → p-BJmAAyRk.js} +2 -2
- package/dist/components/{p-Bt1Ybvz-.js → p-BQ6p3LFP.js} +2 -2
- package/dist/components/{p-DiNEjFpy.js → p-BbndBzzZ.js} +2 -2
- package/dist/components/{p-hFe35P2l.js → p-Bg1UmSZn.js} +2 -2
- package/dist/components/{p-ClhfXMaD.js → p-Bn-cskPo.js} +2 -2
- package/dist/components/p-Bz9dI7nI.js +2 -0
- package/dist/components/{p-Dc_zSOKq.js.map → p-Bz9dI7nI.js.map} +1 -1
- package/dist/components/{p-D538svhW.js → p-C0-sabnr.js} +2 -2
- package/dist/components/{p-DQ-wfTOw.js → p-C11CnHDl.js} +2 -2
- package/dist/components/{p-xszHlNkG.js → p-C68nt4dl.js} +2 -2
- package/dist/components/p-C8UThLHd.js +2 -0
- package/dist/components/{p-CsGkdf4W.js.map → p-C8UThLHd.js.map} +1 -1
- package/dist/components/p-C8WKo0sf.js +2 -0
- package/dist/components/{p-D8iNLSCa.js.map → p-C8WKo0sf.js.map} +1 -1
- package/dist/components/p-CAYqnjyC.js +2 -0
- package/dist/components/{p-oBBzQpg_.js.map → p-CAYqnjyC.js.map} +1 -1
- package/dist/components/{p-G6r6yYg8.js → p-CBezgJ3r.js} +2 -2
- package/dist/components/p-CF6Px2b2.js +2 -0
- package/dist/components/{p-omfGVBEt.js.map → p-CF6Px2b2.js.map} +1 -1
- package/dist/components/{p-CMZAEySh.js → p-CVSE2Ool.js} +2 -2
- package/dist/components/{p-KTaiJztz.js → p-CVuSm1Sh.js} +2 -2
- package/dist/components/{p-BNvZM4jP.js → p-CZVoCdYE.js} +2 -2
- package/dist/components/{p-BYo1-6b5.js → p-CeACJYcU.js} +2 -2
- package/dist/components/{p-lnCWfvuA.js → p-Cjw63BmX.js} +2 -2
- package/dist/components/{p-N-2CZze7.js → p-CkUF45d_.js} +2 -2
- package/dist/components/{p-CbyZ7BDJ.js → p-ClRd39mR.js} +2 -2
- package/dist/components/{p-Nx52go85.js → p-Cn6Ud58k.js} +2 -2
- package/dist/components/{p-BFgJoeVV.js → p-D3r_5Fw-.js} +2 -2
- package/dist/components/p-DCqDQWVK.js +2 -0
- package/dist/components/{p-BuvVFyAA.js.map → p-DCqDQWVK.js.map} +1 -1
- package/dist/components/{p-CXrOGz7X.js → p-DIXpyBWB.js} +2 -2
- package/dist/components/{p-1lWK_LMY.js → p-DJtohrKV.js} +2 -2
- package/dist/components/{p-D5-hqLPK.js → p-DKL7n7NM.js} +2 -2
- package/dist/components/{p-DYI6UlOP.js → p-D_CfgH1L.js} +2 -2
- package/dist/components/{p-P2-eHQJU.js → p-D_N38YjY.js} +2 -2
- package/dist/components/p-Dalq5voO.js +2 -0
- package/dist/components/{p-ClgJZFkb.js.map → p-Dalq5voO.js.map} +1 -1
- package/dist/components/{p-DMPn_dt7.js → p-DcwgXLe-.js} +2 -2
- package/dist/components/{p-BckLHaey.js → p-DpA8UeSy.js} +2 -2
- package/dist/components/{p-hom6svhE.js → p-DtNCj4p0.js} +2 -2
- package/dist/components/{p-pkJ3X3s7.js → p-Dwga8azB.js} +2 -2
- package/dist/components/{p-CGtq7TnC.js → p-LFHrICnV.js} +2 -2
- package/dist/components/p-LQGcTdiv.js +2 -0
- package/dist/components/{p-BI-XuQKW.js.map → p-LQGcTdiv.js.map} +1 -1
- package/dist/components/{p-BoWpIl_m.js → p-N8tEOYt8.js} +2 -2
- package/dist/components/{p-CbJx9swS.js → p-QU-CyuBt.js} +2 -2
- package/dist/components/p-QYI9nW7a.js +2 -0
- package/dist/components/p-QYI9nW7a.js.map +1 -0
- package/dist/components/{p-DcvPY30Q.js → p-X-GPE9bP.js} +2 -2
- package/dist/components/{p-CnsuVR2e.js → p-cOkFnnZV.js} +2 -2
- package/dist/components/{p-BctjNfzt.js → p-c_qWiZ6V.js} +2 -2
- package/dist/components/{p-M-Sxsv7V.js → p-dVdTdZdu.js} +2 -2
- package/dist/components/{p-CE_S4oQ_.js → p-hHtKJMVu.js} +2 -2
- package/dist/components/{p-6r60E0i4.js → p-snYhfM1q.js} +2 -2
- package/dist/components/p-xHv_RGJh.js +2 -0
- package/dist/components/p-xHv_RGJh.js.map +1 -0
- package/dist/components/{p-cvVUXaen.js → p-zGd26CTX.js} +2 -2
- package/dist/docs/components.json +1291 -1
- package/dist/lint/index.js +1 -1
- package/dist/mcp-data/registry/disclosure.json +282 -0
- package/dist/mcp-data/registry/drawer.json +567 -0
- package/dist/mcp-data/registry/popover.json +385 -0
- package/dist/mcp-data/registry/registry.json +582 -2
- package/dist/mcp-data/registry/shell-app.json +6 -4
- package/dist/react/components.d.ts +3 -0
- package/dist/react/components.js +3 -0
- package/dist/react/ds-disclosure.d.ts +12 -0
- package/dist/react/ds-disclosure.js +12 -0
- package/dist/react/ds-drawer.d.ts +16 -0
- package/dist/react/ds-drawer.js +18 -0
- package/dist/react/ds-popover.d.ts +13 -0
- package/dist/react/ds-popover.js +15 -0
- package/dist/types/components/Disclosure/Disclosure.d.ts +22 -0
- package/dist/types/components/Drawer/Drawer.d.ts +123 -0
- package/dist/types/components/Popover/Popover.d.ts +64 -0
- package/dist/types/components.d.ts +423 -0
- package/dist/vue/components.d.ts +3 -0
- package/dist/vue/components.js +3 -0
- package/dist/vue/ds-disclosure.d.ts +3 -0
- package/dist/vue/ds-disclosure.js +15 -0
- package/dist/vue/ds-drawer.d.ts +3 -0
- package/dist/vue/ds-drawer.js +34 -0
- package/dist/vue/ds-popover.d.ts +3 -0
- package/dist/vue/ds-popover.js +21 -0
- package/package.json +1 -1
- package/dist/components/p-BI-XuQKW.js +0 -2
- package/dist/components/p-BuvVFyAA.js +0 -2
- package/dist/components/p-ClgJZFkb.js +0 -2
- package/dist/components/p-CsGkdf4W.js +0 -2
- package/dist/components/p-D3FrQk7o.js +0 -2
- package/dist/components/p-D8iNLSCa.js +0 -2
- package/dist/components/p-DTlNtCX1.js +0 -2
- package/dist/components/p-DTlNtCX1.js.map +0 -1
- package/dist/components/p-Dc_zSOKq.js +0 -2
- package/dist/components/p-oBBzQpg_.js +0 -2
- package/dist/components/p-omfGVBEt.js +0 -2
- /package/dist/components/{p-D-Lo5uuI.js.map → p-3_LHRdqq.js.map} +0 -0
- /package/dist/components/{p-Cc8p57pS.js.map → p-9EjkmESv.js.map} +0 -0
- /package/dist/components/{p-CQnjpuMX.js.map → p-9PpepIfc.js.map} +0 -0
- /package/dist/components/{p-C860ilDn.js.map → p-A47UHyiC.js.map} +0 -0
- /package/dist/components/{p-ClOvX8cD.js.map → p-BEj9uENH.js.map} +0 -0
- /package/dist/components/{p-CtomYv1z.js.map → p-BJmAAyRk.js.map} +0 -0
- /package/dist/components/{p-Bt1Ybvz-.js.map → p-BQ6p3LFP.js.map} +0 -0
- /package/dist/components/{p-DiNEjFpy.js.map → p-BbndBzzZ.js.map} +0 -0
- /package/dist/components/{p-hFe35P2l.js.map → p-Bg1UmSZn.js.map} +0 -0
- /package/dist/components/{p-ClhfXMaD.js.map → p-Bn-cskPo.js.map} +0 -0
- /package/dist/components/{p-D538svhW.js.map → p-C0-sabnr.js.map} +0 -0
- /package/dist/components/{p-DQ-wfTOw.js.map → p-C11CnHDl.js.map} +0 -0
- /package/dist/components/{p-xszHlNkG.js.map → p-C68nt4dl.js.map} +0 -0
- /package/dist/components/{p-G6r6yYg8.js.map → p-CBezgJ3r.js.map} +0 -0
- /package/dist/components/{p-CMZAEySh.js.map → p-CVSE2Ool.js.map} +0 -0
- /package/dist/components/{p-KTaiJztz.js.map → p-CVuSm1Sh.js.map} +0 -0
- /package/dist/components/{p-BNvZM4jP.js.map → p-CZVoCdYE.js.map} +0 -0
- /package/dist/components/{p-BYo1-6b5.js.map → p-CeACJYcU.js.map} +0 -0
- /package/dist/components/{p-lnCWfvuA.js.map → p-Cjw63BmX.js.map} +0 -0
- /package/dist/components/{p-N-2CZze7.js.map → p-CkUF45d_.js.map} +0 -0
- /package/dist/components/{p-CbyZ7BDJ.js.map → p-ClRd39mR.js.map} +0 -0
- /package/dist/components/{p-Nx52go85.js.map → p-Cn6Ud58k.js.map} +0 -0
- /package/dist/components/{p-BFgJoeVV.js.map → p-D3r_5Fw-.js.map} +0 -0
- /package/dist/components/{p-CXrOGz7X.js.map → p-DIXpyBWB.js.map} +0 -0
- /package/dist/components/{p-1lWK_LMY.js.map → p-DJtohrKV.js.map} +0 -0
- /package/dist/components/{p-D5-hqLPK.js.map → p-DKL7n7NM.js.map} +0 -0
- /package/dist/components/{p-DYI6UlOP.js.map → p-D_CfgH1L.js.map} +0 -0
- /package/dist/components/{p-P2-eHQJU.js.map → p-D_N38YjY.js.map} +0 -0
- /package/dist/components/{p-DMPn_dt7.js.map → p-DcwgXLe-.js.map} +0 -0
- /package/dist/components/{p-BckLHaey.js.map → p-DpA8UeSy.js.map} +0 -0
- /package/dist/components/{p-hom6svhE.js.map → p-DtNCj4p0.js.map} +0 -0
- /package/dist/components/{p-pkJ3X3s7.js.map → p-Dwga8azB.js.map} +0 -0
- /package/dist/components/{p-CGtq7TnC.js.map → p-LFHrICnV.js.map} +0 -0
- /package/dist/components/{p-BoWpIl_m.js.map → p-N8tEOYt8.js.map} +0 -0
- /package/dist/components/{p-CbJx9swS.js.map → p-QU-CyuBt.js.map} +0 -0
- /package/dist/components/{p-DcvPY30Q.js.map → p-X-GPE9bP.js.map} +0 -0
- /package/dist/components/{p-CnsuVR2e.js.map → p-cOkFnnZV.js.map} +0 -0
- /package/dist/components/{p-BctjNfzt.js.map → p-c_qWiZ6V.js.map} +0 -0
- /package/dist/components/{p-M-Sxsv7V.js.map → p-dVdTdZdu.js.map} +0 -0
- /package/dist/components/{p-CE_S4oQ_.js.map → p-hHtKJMVu.js.map} +0 -0
- /package/dist/components/{p-6r60E0i4.js.map → p-snYhfM1q.js.map} +0 -0
- /package/dist/components/{p-cvVUXaen.js.map → p-zGd26CTX.js.map} +0 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
/* tslint:disable */
|
|
8
|
+
/* auto-generated angular directive proxies */
|
|
9
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
|
|
10
|
+
import { ProxyCmp } from './angular-component-lib/utils.js';
|
|
11
|
+
import { defineCustomElement as defineDsDisclosure } from '@ds-mo/ui/components/ds-disclosure.js';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
let DsDisclosure = class DsDisclosure {
|
|
14
|
+
constructor(c, r, z) {
|
|
15
|
+
this.z = z;
|
|
16
|
+
this.dsToggle = new EventEmitter();
|
|
17
|
+
c.detach();
|
|
18
|
+
this.el = r.nativeElement;
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsDisclosure, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DsDisclosure, isStandalone: true, selector: "ds-disclosure", inputs: { headingLevel: "headingLevel", isInactive: "isInactive", label: "label", open: "open", size: "size" }, outputs: { dsToggle: "dsToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
|
+
};
|
|
23
|
+
DsDisclosure = __decorate([
|
|
24
|
+
ProxyCmp({
|
|
25
|
+
defineCustomElementFn: defineDsDisclosure,
|
|
26
|
+
inputs: ['headingLevel', 'isInactive', 'label', 'open', 'size']
|
|
27
|
+
})
|
|
28
|
+
], DsDisclosure);
|
|
29
|
+
export { DsDisclosure };
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsDisclosure, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{
|
|
33
|
+
selector: 'ds-disclosure',
|
|
34
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
35
|
+
template: '<ng-content></ng-content>',
|
|
36
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
37
|
+
inputs: ['headingLevel', 'isInactive', { name: 'label', required: true }, 'open', 'size'],
|
|
38
|
+
outputs: ['dsToggle'],
|
|
39
|
+
}]
|
|
40
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsToggle: [{
|
|
41
|
+
type: Output
|
|
42
|
+
}] } });
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
|
|
2
|
+
import type { Components } from '@ds-mo/ui/components';
|
|
3
|
+
import type { DsDrawerCustomEvent } from '@ds-mo/ui/components';
|
|
4
|
+
import type { DrawerCloseDetail as IDsDrawerDrawerCloseDetail } from '@ds-mo/ui/components';
|
|
5
|
+
import type { DrawerAfterCloseDetail as IDsDrawerDrawerAfterCloseDetail } from '@ds-mo/ui/components';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class DsDrawer {
|
|
8
|
+
protected z: NgZone;
|
|
9
|
+
protected el: HTMLDsDrawerElement;
|
|
10
|
+
dsClose: EventEmitter<DsDrawerCustomEvent<IDsDrawerDrawerCloseDetail>>;
|
|
11
|
+
dsAfterClose: EventEmitter<DsDrawerCustomEvent<IDsDrawerDrawerAfterCloseDetail>>;
|
|
12
|
+
dsBack: EventEmitter<DsDrawerCustomEvent<MouseEvent>>;
|
|
13
|
+
dsPrevious: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
14
|
+
dsNext: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
15
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsDrawer, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsDrawer, "ds-drawer", never, { "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "bodyInset": { "alias": "bodyInset"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "drawerWidth": { "alias": "drawerWidth"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "modal": { "alias": "modal"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "navigationAriaLabel": { "alias": "navigationAriaLabel"; "required": false; }; "navigationShortcutsBlocked": { "alias": "navigationShortcutsBlocked"; "required": false; }; "nextAriaLabel": { "alias": "nextAriaLabel"; "required": false; }; "nextAvailable": { "alias": "nextAvailable"; "required": false; }; "open": { "alias": "open"; "required": false; }; "previousAriaLabel": { "alias": "previousAriaLabel"; "required": false; }; "previousAvailable": { "alias": "previousAvailable"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; "dsBack": "dsBack"; "dsPrevious": "dsPrevious"; "dsNext": "dsNext"; }, never, ["*"], true, never>;
|
|
18
|
+
}
|
|
19
|
+
export declare interface DsDrawer extends Components.DsDrawer {
|
|
20
|
+
/**
|
|
21
|
+
* Emitted when the drawer requests to close; open is already false.
|
|
22
|
+
*/
|
|
23
|
+
dsClose: EventEmitter<DsDrawerCustomEvent<IDsDrawerDrawerCloseDetail>>;
|
|
24
|
+
/**
|
|
25
|
+
* Emitted after exit motion completes.
|
|
26
|
+
*/
|
|
27
|
+
dsAfterClose: EventEmitter<DsDrawerCustomEvent<IDsDrawerDrawerAfterCloseDetail>>;
|
|
28
|
+
/**
|
|
29
|
+
* Emitted when the leading Back action is activated. The owner swaps heading and body.
|
|
30
|
+
*/
|
|
31
|
+
dsBack: EventEmitter<DsDrawerCustomEvent<MouseEvent>>;
|
|
32
|
+
/**
|
|
33
|
+
* Emitted by the Previous action or ArrowLeft while navigation is shown and available.
|
|
34
|
+
*/
|
|
35
|
+
dsPrevious: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
36
|
+
/**
|
|
37
|
+
* Emitted by the Next action or ArrowRight while navigation is shown and available.
|
|
38
|
+
*/
|
|
39
|
+
dsNext: EventEmitter<DsDrawerCustomEvent<void>>;
|
|
40
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
/* tslint:disable */
|
|
8
|
+
/* auto-generated angular directive proxies */
|
|
9
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
|
|
10
|
+
import { ProxyCmp } from './angular-component-lib/utils.js';
|
|
11
|
+
import { defineCustomElement as defineDsDrawer } from '@ds-mo/ui/components/ds-drawer.js';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
let DsDrawer = class DsDrawer {
|
|
14
|
+
constructor(c, r, z) {
|
|
15
|
+
this.z = z;
|
|
16
|
+
this.dsClose = new EventEmitter();
|
|
17
|
+
this.dsAfterClose = new EventEmitter();
|
|
18
|
+
this.dsBack = new EventEmitter();
|
|
19
|
+
this.dsPrevious = new EventEmitter();
|
|
20
|
+
this.dsNext = new EventEmitter();
|
|
21
|
+
c.detach();
|
|
22
|
+
this.el = r.nativeElement;
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DsDrawer, isStandalone: true, selector: "ds-drawer", inputs: { ariaDescribedby: "ariaDescribedby", backLabel: "backLabel", bodyInset: "bodyInset", closeAriaLabel: "closeAriaLabel", drawerWidth: "drawerWidth", heading: "heading", modal: "modal", navigation: "navigation", navigationAriaLabel: "navigationAriaLabel", navigationShortcutsBlocked: "navigationShortcutsBlocked", nextAriaLabel: "nextAriaLabel", nextAvailable: "nextAvailable", open: "open", previousAriaLabel: "previousAriaLabel", previousAvailable: "previousAvailable", side: "side" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose", dsBack: "dsBack", dsPrevious: "dsPrevious", dsNext: "dsNext" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
|
+
};
|
|
27
|
+
DsDrawer = __decorate([
|
|
28
|
+
ProxyCmp({
|
|
29
|
+
defineCustomElementFn: defineDsDrawer,
|
|
30
|
+
inputs: ['ariaDescribedby', 'backLabel', 'bodyInset', 'closeAriaLabel', 'drawerWidth', 'heading', 'modal', 'navigation', 'navigationAriaLabel', 'navigationShortcutsBlocked', 'nextAriaLabel', 'nextAvailable', 'open', 'previousAriaLabel', 'previousAvailable', 'side']
|
|
31
|
+
})
|
|
32
|
+
], DsDrawer);
|
|
33
|
+
export { DsDrawer };
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsDrawer, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{
|
|
37
|
+
selector: 'ds-drawer',
|
|
38
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
39
|
+
template: '<ng-content></ng-content>',
|
|
40
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
41
|
+
inputs: ['ariaDescribedby', 'backLabel', 'bodyInset', 'closeAriaLabel', 'drawerWidth', { name: 'heading', required: true }, 'modal', 'navigation', 'navigationAriaLabel', 'navigationShortcutsBlocked', 'nextAriaLabel', 'nextAvailable', 'open', 'previousAriaLabel', 'previousAvailable', 'side'],
|
|
42
|
+
outputs: ['dsClose', 'dsAfterClose', 'dsBack', 'dsPrevious', 'dsNext'],
|
|
43
|
+
}]
|
|
44
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{
|
|
45
|
+
type: Output
|
|
46
|
+
}], dsAfterClose: [{
|
|
47
|
+
type: Output
|
|
48
|
+
}], dsBack: [{
|
|
49
|
+
type: Output
|
|
50
|
+
}], dsPrevious: [{
|
|
51
|
+
type: Output
|
|
52
|
+
}], dsNext: [{
|
|
53
|
+
type: Output
|
|
54
|
+
}] } });
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
|
|
2
|
+
import type { Components } from '@ds-mo/ui/components';
|
|
3
|
+
import type { DsPopoverCustomEvent } from '@ds-mo/ui/components';
|
|
4
|
+
import type { PopoverCloseDetail as IDsPopoverPopoverCloseDetail } from '@ds-mo/ui/components';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class DsPopover {
|
|
7
|
+
protected z: NgZone;
|
|
8
|
+
protected el: HTMLDsPopoverElement;
|
|
9
|
+
dsClose: EventEmitter<DsPopoverCustomEvent<IDsPopoverPopoverCloseDetail>>;
|
|
10
|
+
dsAfterClose: EventEmitter<DsPopoverCustomEvent<void>>;
|
|
11
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DsPopover, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DsPopover, "ds-popover", never, { "align": { "alias": "align"; "required": false; }; "anchor": { "alias": "anchor"; "required": false; }; "anchorId": { "alias": "anchorId"; "required": false; }; "boundary": { "alias": "boundary"; "required": false; }; "open": { "alias": "open"; "required": false; }; "popoverLabel": { "alias": "popoverLabel"; "required": false; }; "popoverWidth": { "alias": "popoverWidth"; "required": false; }; "side": { "alias": "side"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; }, { "dsClose": "dsClose"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
|
|
14
|
+
}
|
|
15
|
+
export declare interface DsPopover extends Components.DsPopover {
|
|
16
|
+
/**
|
|
17
|
+
* Emitted when the user dismisses the popover. The component sets open to false.
|
|
18
|
+
*/
|
|
19
|
+
dsClose: EventEmitter<DsPopoverCustomEvent<IDsPopoverPopoverCloseDetail>>;
|
|
20
|
+
/**
|
|
21
|
+
* Emitted after exit motion completes.
|
|
22
|
+
*/
|
|
23
|
+
dsAfterClose: EventEmitter<DsPopoverCustomEvent<void>>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
/* tslint:disable */
|
|
8
|
+
/* auto-generated angular directive proxies */
|
|
9
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
|
|
10
|
+
import { ProxyCmp } from './angular-component-lib/utils.js';
|
|
11
|
+
import { defineCustomElement as defineDsPopover } from '@ds-mo/ui/components/ds-popover.js';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
let DsPopover = class DsPopover {
|
|
14
|
+
constructor(c, r, z) {
|
|
15
|
+
this.z = z;
|
|
16
|
+
this.dsClose = new EventEmitter();
|
|
17
|
+
this.dsAfterClose = new EventEmitter();
|
|
18
|
+
c.detach();
|
|
19
|
+
this.el = r.nativeElement;
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DsPopover, isStandalone: true, selector: "ds-popover", inputs: { align: "align", anchor: "anchor", anchorId: "anchorId", boundary: "boundary", open: "open", popoverLabel: "popoverLabel", popoverWidth: "popoverWidth", side: "side", sideOffset: "sideOffset" }, outputs: { dsClose: "dsClose", dsAfterClose: "dsAfterClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
|
+
};
|
|
24
|
+
DsPopover = __decorate([
|
|
25
|
+
ProxyCmp({
|
|
26
|
+
defineCustomElementFn: defineDsPopover,
|
|
27
|
+
inputs: ['align', 'anchor', 'anchorId', 'boundary', 'open', 'popoverLabel', 'popoverWidth', 'side', 'sideOffset']
|
|
28
|
+
})
|
|
29
|
+
], DsPopover);
|
|
30
|
+
export { DsPopover };
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DsPopover, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: 'ds-popover',
|
|
35
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
36
|
+
template: '<ng-content></ng-content>',
|
|
37
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
38
|
+
inputs: ['align', 'anchor', 'anchorId', 'boundary', 'open', 'popoverLabel', 'popoverWidth', 'side', 'sideOffset'],
|
|
39
|
+
outputs: ['dsClose', 'dsAfterClose'],
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsClose: [{
|
|
42
|
+
type: Output
|
|
43
|
+
}], dsAfterClose: [{
|
|
44
|
+
type: Output
|
|
45
|
+
}] } });
|
package/dist/angular/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import * as d from './proxies';
|
|
2
|
-
export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarPageTitle | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonInverted | typeof d.DsButtonUnfilled | typeof d.DsCalendar | typeof d.DsCardActionCenter | typeof d.DsCardChart | typeof d.DsCardNavigation | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsCardSettingsScope | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckboxGroup | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDataCustomize | typeof d.DsDataFilter | typeof d.DsDataGroup | typeof d.DsDataPreferences | typeof d.DsDataSavedViews | typeof d.DsDataSearch | typeof d.DsDataSort | typeof d.DsDataToolbar | typeof d.DsDivider | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInlineBannerSettings | typeof d.DsInputDate | typeof d.DsInputTime | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMapClusterMarker | typeof d.DsMapEntityMarker | typeof d.DsMapMarker | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsNavigationTabGroup | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsRadioTile | typeof d.DsRadio | typeof d.DsScore | typeof d.DsScrollOverlay | typeof d.DsSelectToggle | typeof d.DsSelect | typeof d.DsSettingRowCheckbox | typeof d.DsSettingRowRadio | typeof d.DsSettingRowToggle | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsTextarea | typeof d.DsTimePicker | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
|
|
2
|
+
export declare const DIRECTIVES: (typeof d.DsAgentActivity | typeof d.DsAgentQuestionnaire | typeof d.DsAgentResponse | typeof d.DsAgentSourceList | typeof d.DsAgentToolCall | typeof d.DsAttachmentList | typeof d.DsAvatar | typeof d.DsBadge | typeof d.DsBanner | typeof d.DsBarAction | typeof d.DsBarNav | typeof d.DsBarPageTitle | typeof d.DsBarTitle | typeof d.DsBarWorkflow | typeof d.DsBreadcrumb | typeof d.DsButtonFilled | typeof d.DsButtonInverted | typeof d.DsButtonUnfilled | typeof d.DsCalendar | typeof d.DsCardActionCenter | typeof d.DsCardChart | typeof d.DsCardNavigation | typeof d.DsCardOverview | typeof d.DsCardSetting | typeof d.DsCardSettingsScope | typeof d.DsChartLegend | typeof d.DsChart | typeof d.DsCheckboxGroup | typeof d.DsCheckbox | typeof d.DsChip | typeof d.DsCodeBlock | typeof d.DsConversationListItem | typeof d.DsConversationListSection | typeof d.DsConversationList | typeof d.DsDataCustomize | typeof d.DsDataFilter | typeof d.DsDataGroup | typeof d.DsDataPreferences | typeof d.DsDataSavedViews | typeof d.DsDataSearch | typeof d.DsDataSort | typeof d.DsDataToolbar | typeof d.DsDisclosure | typeof d.DsDivider | typeof d.DsDrawer | typeof d.DsEmptyState | typeof d.DsField | typeof d.DsFilterMenu | typeof d.DsIcon | typeof d.DsInlineBannerSettings | typeof d.DsInputDate | typeof d.DsInputTime | typeof d.DsInput | typeof d.DsLoader | typeof d.DsMapClusterMarker | typeof d.DsMapEntityMarker | typeof d.DsMapMarker | typeof d.DsMarkdown | typeof d.DsMenu | typeof d.DsMessageActions | typeof d.DsMessageBubble | typeof d.DsMessageComposer | typeof d.DsMessageScroller | typeof d.DsMessage | typeof d.DsMobileBarNav | typeof d.DsMobileHeader | typeof d.DsMobileSectionSwitcher | typeof d.DsMobileSheetNav | typeof d.DsModal | typeof d.DsNavigationTabGroup | typeof d.DsPagination | typeof d.DsPanelNav | typeof d.DsPanelSubNav | typeof d.DsPanelToolHeader | typeof d.DsPanelToolSearch | typeof d.DsPanelTools | typeof d.DsPaperTexture | typeof d.DsPopover | typeof d.DsRadioTile | typeof d.DsRadio | typeof d.DsScore | typeof d.DsScrollOverlay | typeof d.DsSelectToggle | typeof d.DsSelect | typeof d.DsSettingRowCheckbox | typeof d.DsSettingRowRadio | typeof d.DsSettingRowToggle | typeof d.DsShellApp | typeof d.DsShellPage | typeof d.DsShellTools | typeof d.DsSkeleton | typeof d.DsSlider | typeof d.DsSwatchPicker | typeof d.DsSwitch | typeof d.DsTabGroup | typeof d.DsTable | typeof d.DsTag | typeof d.DsText | typeof d.DsTextarea | typeof d.DsTimePicker | typeof d.DsToast | typeof d.DsTooltipChart | typeof d.DsTooltip | typeof d.DsTypingIndicator)[];
|
package/dist/angular/index.js
CHANGED
|
@@ -42,7 +42,9 @@ export const DIRECTIVES = [
|
|
|
42
42
|
d.DsDataSearch,
|
|
43
43
|
d.DsDataSort,
|
|
44
44
|
d.DsDataToolbar,
|
|
45
|
+
d.DsDisclosure,
|
|
45
46
|
d.DsDivider,
|
|
47
|
+
d.DsDrawer,
|
|
46
48
|
d.DsEmptyState,
|
|
47
49
|
d.DsField,
|
|
48
50
|
d.DsFilterMenu,
|
|
@@ -75,6 +77,7 @@ export const DIRECTIVES = [
|
|
|
75
77
|
d.DsPanelToolSearch,
|
|
76
78
|
d.DsPanelTools,
|
|
77
79
|
d.DsPaperTexture,
|
|
80
|
+
d.DsPopover,
|
|
78
81
|
d.DsRadio,
|
|
79
82
|
d.DsRadioTile,
|
|
80
83
|
d.DsScore,
|
|
@@ -44,7 +44,9 @@ export { DsDataSavedViews } from './ds-data-saved-views';
|
|
|
44
44
|
export { DsDataSearch } from './ds-data-search';
|
|
45
45
|
export { DsDataSort } from './ds-data-sort';
|
|
46
46
|
export { DsDataToolbar } from './ds-data-toolbar';
|
|
47
|
+
export { DsDisclosure } from './ds-disclosure';
|
|
47
48
|
export { DsDivider } from './ds-divider';
|
|
49
|
+
export { DsDrawer } from './ds-drawer';
|
|
48
50
|
export { DsEmptyState } from './ds-empty-state';
|
|
49
51
|
export { DsField } from './ds-field';
|
|
50
52
|
export { DsFilterMenu } from './ds-filter-menu';
|
|
@@ -77,6 +79,7 @@ export { DsPanelToolHeader } from './ds-panel-tool-header';
|
|
|
77
79
|
export { DsPanelToolSearch } from './ds-panel-tool-search';
|
|
78
80
|
export { DsPanelTools } from './ds-panel-tools';
|
|
79
81
|
export { DsPaperTexture } from './ds-paper-texture';
|
|
82
|
+
export { DsPopover } from './ds-popover';
|
|
80
83
|
export { DsRadio } from './ds-radio';
|
|
81
84
|
export { DsRadioTile } from './ds-radio-tile';
|
|
82
85
|
export { DsScore } from './ds-score';
|
package/dist/angular/proxies.js
CHANGED
|
@@ -45,7 +45,9 @@ export { DsDataSavedViews } from './ds-data-saved-views.js';
|
|
|
45
45
|
export { DsDataSearch } from './ds-data-search.js';
|
|
46
46
|
export { DsDataSort } from './ds-data-sort.js';
|
|
47
47
|
export { DsDataToolbar } from './ds-data-toolbar.js';
|
|
48
|
+
export { DsDisclosure } from './ds-disclosure.js';
|
|
48
49
|
export { DsDivider } from './ds-divider.js';
|
|
50
|
+
export { DsDrawer } from './ds-drawer.js';
|
|
49
51
|
export { DsEmptyState } from './ds-empty-state.js';
|
|
50
52
|
export { DsField } from './ds-field.js';
|
|
51
53
|
export { DsFilterMenu } from './ds-filter-menu.js';
|
|
@@ -78,6 +80,7 @@ export { DsPanelToolHeader } from './ds-panel-tool-header.js';
|
|
|
78
80
|
export { DsPanelToolSearch } from './ds-panel-tool-search.js';
|
|
79
81
|
export { DsPanelTools } from './ds-panel-tools.js';
|
|
80
82
|
export { DsPaperTexture } from './ds-paper-texture.js';
|
|
83
|
+
export { DsPopover } from './ds-popover.js';
|
|
81
84
|
export { DsRadio } from './ds-radio.js';
|
|
82
85
|
export { DsRadioTile } from './ds-radio-tile.js';
|
|
83
86
|
export { DsScore } from './ds-score.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as o,d as s}from"./p-
|
|
1
|
+
import{A as o,d as s}from"./p-hHtKJMVu.js";const t=o;const p=s;export{t as DsAgentActivity,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-agent-activity.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as o,d as
|
|
1
|
+
import{A as o,d as s}from"./p-9EjkmESv.js";const t=o;const m=s;export{t as DsAgentQuestionnaire,m as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-agent-questionnaire.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,h as t,a,t as o}from"./index.js";import{d as i}from"./p-
|
|
1
|
+
import{p as s,H as e,h as t,a,t as o}from"./index.js";import{d as i}from"./p-hHtKJMVu.js";import{d as r}from"./p-9EjkmESv.js";import{d as n}from"./p-BJmAAyRk.js";import{d}from"./p-DtNCj4p0.js";import{d as c}from"./p-Bn-cskPo.js";import{d as m}from"./p-BEj9uENH.js";import{d as l}from"./p-CZVoCdYE.js";import{d as u}from"./p-DKL7n7NM.js";import{d as p}from"./p-CeACJYcU.js";import{d as f}from"./p-cOkFnnZV.js";import{d as b}from"./p-C942uiH1.js";import{d as k}from"./p-0XTyQNRG.js";import{d as h}from"./p-zGd26CTX.js";import{d as g}from"./p-9PpepIfc.js";import{d as y}from"./p-LFHrICnV.js";import{d as E}from"./p-X-GPE9bP.js";import{d as j}from"./p-DcwgXLe-.js";import{d as w}from"./p-xHv_RGJh.js";const v=()=>`.sc-ds-agent-response-h{display:block;width:100%;--ds-prose-text-max-inline-size:var(--dimension-panel-width-lg);-webkit-user-select:none;user-select:none}.agent-response.sc-ds-agent-response{display:grid;gap:var(--dimension-space-150);min-width:0;width:100%;color:var(--color-foreground-secondary);-webkit-user-select:none;user-select:none}`;const x=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.messageId="";this.author="";this.showAuthor=true;this.timestamp="";this.parts=[];this.renderMode="parts";this.streaming=false;this.metadataVisibility="always"}renderPart(s){switch(s.type){case"markdown":return t("ds-markdown",{key:s.id,content:s.content,streaming:s.state==="streaming"});case"activity":return t("ds-agent-activity",{key:s.id,items:s.items});case"tool":return t("ds-agent-tool-call",{key:s.id,name:s.name,label:s.label,state:s.state,input:s.input,output:s.output,error:s.error});case"attachments":return t("ds-attachment-list",{key:s.id,items:s.items});case"sources":return t("ds-agent-source-list",{key:s.id,items:s.items});case"questionnaire":return t("ds-agent-questionnaire",{key:s.id,requestId:s.requestId,questions:s.questions,answers:s.answers,status:"answered"})}}render(){return t(a,{key:"4001412828ed8d89f8625a6a8567788ca7ae5e83"},t("ds-message",{key:"2a2b871dbfceaf4e113757aff33a3a873e6defd5",messageId:this.messageId,direction:"incoming",author:this.author,showAuthor:this.showAuthor,timestamp:this.timestamp,streaming:this.streaming,metadataVisibility:this.metadataVisibility},t("div",{key:"80cd6ad126403dae444b1c45aaeb2db29053939b",class:"agent-response"},this.renderMode==="composed"?t("slot",null):this.parts.map((s=>this.renderPart(s)))),t("slot",{key:"11c14c3a3c2eb88207522547b98ab09f37fc4f88",name:"footer",slot:"footer"}),t("slot",{key:"2b942c4885187641c92b3f37c4b8b475d0637575",name:"metadata-actions",slot:"metadata-actions"}),t("slot",{key:"0888e01d58c20542538aadca2cbc1657d95cd4af",name:"actions",slot:"actions"})))}static get style(){return v()}},[262,"ds-agent-response",{messageId:[1,"message-id"],author:[1],showAuthor:[4,"show-author"],timestamp:[1],parts:[16],renderMode:[1,"render-mode"],streaming:[4],metadataVisibility:[1,"metadata-visibility"]}]);function C(){if(typeof customElements==="undefined"){return}const s=["ds-agent-response","ds-agent-activity","ds-agent-questionnaire","ds-agent-source-list","ds-agent-tool-call","ds-attachment-list","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-code-block","ds-icon","ds-loader","ds-markdown","ds-message","ds-radio","ds-skeleton","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-agent-response":if(!customElements.get(o(s))){customElements.define(o(s),x)}break;case"ds-agent-activity":if(!customElements.get(o(s))){i()}break;case"ds-agent-questionnaire":if(!customElements.get(o(s))){r()}break;case"ds-agent-source-list":if(!customElements.get(o(s))){n()}break;case"ds-agent-tool-call":if(!customElements.get(o(s))){d()}break;case"ds-attachment-list":if(!customElements.get(o(s))){c()}break;case"ds-badge":if(!customElements.get(o(s))){m()}break;case"ds-button-filled":if(!customElements.get(o(s))){l()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){u()}break;case"ds-checkbox":if(!customElements.get(o(s))){p()}break;case"ds-code-block":if(!customElements.get(o(s))){f()}break;case"ds-icon":if(!customElements.get(o(s))){b()}break;case"ds-loader":if(!customElements.get(o(s))){k()}break;case"ds-markdown":if(!customElements.get(o(s))){h()}break;case"ds-message":if(!customElements.get(o(s))){g()}break;case"ds-radio":if(!customElements.get(o(s))){y()}break;case"ds-skeleton":if(!customElements.get(o(s))){E()}break;case"ds-text":if(!customElements.get(o(s))){j()}break;case"ds-tooltip":if(!customElements.get(o(s))){w()}break}}))}C();const q=x;const V=C;export{q as DsAgentResponse,V as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-agent-response.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as o,d as s}from"./p-
|
|
1
|
+
import{A as o,d as s}from"./p-BJmAAyRk.js";const t=o;const m=s;export{t as DsAgentSourceList,m as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-agent-source-list.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as o,d as s}from"./p-
|
|
1
|
+
import{A as o,d as s}from"./p-DtNCj4p0.js";const t=o;const p=s;export{t as DsAgentToolCall,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-agent-tool-call.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{A as o,d as s}from"./p-
|
|
1
|
+
import{A as o,d as s}from"./p-Bn-cskPo.js";const t=o;const c=s;export{t as DsAttachmentList,c as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-attachment-list.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-BEj9uENH.js";const t=o;const p=s;export{t as DsBadge,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-badge.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as n,H as e,c as r,h as a,a as s,t as o}from"./index.js";import{d}from"./p-ClOvX8cD.js";import{d as i}from"./p-D5-hqLPK.js";import{d as t}from"./p-C942uiH1.js";import{d as c}from"./p-0XTyQNRG.js";import{d as b}from"./p-DMPn_dt7.js";import{d as l}from"./p-DTlNtCX1.js";import{r as h,T as u}from"./p-mSCnWLhL.js";const g=()=>`@media (forced-colors: active){.sc-ds-banner:root,.sc-ds-banner-h,.ds-forced-colors-scope.sc-ds-banner{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-banner-h,.sc-ds-banner:where(.ds-table),.sc-ds-banner:where(.tooltip-popup),.sc-ds-banner:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-banner,.ds-control--lg.sc-ds-banner-h,.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner,.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner,.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-banner-h,.ds-control--lg.sc-ds-banner{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-banner{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-banner{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-banner{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-banner,.ds-chrome-header__trailing.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-banner{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-banner{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-banner{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-banner{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-banner,.ds-chrome-header__description.sc-ds-banner{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-banner{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-banner .ds-chrome-header__description.sc-ds-banner{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-banner-h{display:grid;overflow:hidden;min-width:0;grid-template-rows:1fr;transition:grid-template-rows var(--effect-animation-duration-short-3) var(--_banner-motion-easing);--ds-banner-background:var(--color-background-faint-neutral);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary);--_banner-motion-easing:var(--effect-animation-easing-ease-in-out, ease);--_banner-surface-translate:0%}.banner--open.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-out, ease-out)}.banner--closing.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-in, ease-in);--_banner-surface-translate:-100%;grid-template-rows:0fr}.banner--hidden.sc-ds-banner-h{--_banner-surface-translate:-100%;display:none;visibility:hidden;grid-template-rows:0fr}.banner-overflow.sc-ds-banner{min-height:0;overflow:visible}.banner-browser-edge.sc-ds-banner{display:none;position:fixed;inset:0 0 auto;height:max(var(--dimension-space-200), env(safe-area-inset-top, 0px));pointer-events:none;background-color:var(--ds-banner-background)}.banner--open.sc-ds-banner-h .banner-browser-edge.sc-ds-banner,.banner--closing.sc-ds-banner-h .banner-browser-edge.sc-ds-banner{display:var(--_shell-banner-edge-display, none)}.banner-surface.sc-ds-banner{display:flex;position:relative;width:100%;padding-inline-end:calc(var(--dimension-size-400) + var(--dimension-space-200));color:var(--ds-banner-description);background-color:var(--ds-banner-background);border-bottom:var(--dimension-stroke-width-012) solid var(--ds-banner-border);transform:translateY(var(--_banner-surface-translate));transition:transform var(--effect-animation-duration-short-3) var(--_banner-motion-easing)}@starting-style{.sc-ds-banner-h.banner--open{grid-template-rows:0fr}.sc-ds-banner-h.banner--open .banner-surface{transform:translateY(-100%)}}.banner-copy.sc-ds-banner{flex-basis:var(--dimension-card-width-sm)}.banner--orientation-horizontal.sc-ds-banner-h .banner-surface.sc-ds-banner{flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h .banner-copy.sc-ds-banner{flex-basis:100%}.banner-copy-flow.sc-ds-banner{box-sizing:border-box;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));color:var(--ds-banner-description)}.banner-heading.sc-ds-banner{display:inline-block;width:auto;max-width:100%;margin-inline-end:var(--dimension-space-100);vertical-align:baseline;color:var(--ds-banner-heading)}.banner-description.sc-ds-banner{color:var(--ds-banner-description)}.banner-actions.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;min-width:0;gap:var(--dimension-space-100)}.banner-actions.sc-ds-banner slot.sc-ds-banner{display:contents}.banner-actions.sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions .sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions.sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3),.banner-actions .sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3){display:none}.banner-actions--empty.sc-ds-banner{display:none}.banner-trailing.sc-ds-banner{align-self:flex-start;flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h:not(.banner--has-actions) .banner-trailing.sc-ds-banner{display:contents}.banner--orientation-vertical.banner--has-actions.sc-ds-banner-h .banner-trailing.sc-ds-banner{margin-inline:var(--dimension-space-100) auto;padding-block-end:var(--dimension-space-100);box-sizing:border-box}.banner--orientation-vertical.sc-ds-banner-h .banner-description.sc-ds-banner{display:block}.banner--orientation-vertical.sc-ds-banner-h .banner-heading.sc-ds-banner+.banner-description.sc-ds-banner{margin-block-start:var(--dimension-space-050)}.banner-close.sc-ds-banner{flex:0 0 auto}.banner-dismiss.sc-ds-banner{position:absolute;inset-block-start:var(--dimension-space-100);inset-inline-end:var(--dimension-space-100)}.banner--intent-neutral.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-neutral)}.banner--intent-brand.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-brand)}.banner--intent-positive.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-positive)}.banner--intent-warning.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-warning)}.banner--intent-caution.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-caution)}.banner--intent-negative.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-negative)}.banner--contrast-faint.sc-ds-banner-h{--ds-banner-background:var(--ds-banner-faint-background);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary)}.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-neutral);--ds-banner-heading:var(--color-foreground-on-medium-background-primary);--ds-banner-description:var(--color-foreground-on-medium-background-secondary);--ds-banner-border:var(--color-border-on-medium-background-tertiary)}.banner--intent-brand.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-brand)}.banner--intent-positive.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-positive)}.banner--intent-warning.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-warning)}.banner--intent-caution.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-caution)}.banner--intent-negative.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-negative)}.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-neutral);--ds-banner-heading:var(--color-foreground-on-strong-background-primary);--ds-banner-description:var(--color-foreground-on-strong-background-secondary);--ds-banner-border:var(--color-border-on-strong-background-tertiary)}.banner--intent-brand.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-brand)}.banner--intent-positive.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-positive)}.banner--intent-warning.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-warning)}.banner--intent-caution.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-caution)}.banner--intent-negative.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-negative)}.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-neutral);--ds-banner-heading:var(--color-foreground-on-bold-background-primary);--ds-banner-description:var(--color-foreground-on-bold-background-secondary);--ds-banner-border:var(--color-border-on-bold-background-tertiary)}.banner--intent-brand.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-brand)}.banner--intent-positive.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-positive)}.banner--intent-warning.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-warning)}.banner--intent-caution.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-caution)}.banner--intent-negative.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-negative)}@media (prefers-reduced-motion: reduce){.sc-ds-banner-h,.banner-surface.sc-ds-banner{transition:none}}@media (forced-colors: active){.banner-browser-edge.sc-ds-banner{background-color:var(--ds-forced-color-surface)}.banner-surface.sc-ds-banner{color:var(--ds-forced-color-content);background-color:var(--ds-forced-color-surface);border-bottom-color:var(--ds-forced-color-content)}.banner-heading.sc-ds-banner,.banner-description.sc-ds-banner{color:var(--ds-forced-color-content)}}`;const m=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsClose=r(this,"dsClose",7);this.dsAfterClose=r(this,"dsAfterClose",7);this.heading="";this.intent="neutral";this.contrast="faint";this.orientation="horizontal";this.open=true;this.dismissLabel="Dismiss banner";this.announcement="none";this.rendered=false;this.phase="closed";this.hasActions=false;this.loaded=false;this.transitionTimer=null;this.closePending=false}connectedCallback(){if(!this.loaded)return;this.rendered=this.open;this.phase=this.open?"open":"closed";this.updateActionsPresence()}componentWillLoad(){this.rendered=this.open;this.phase=this.open?"open":"closed"}componentDidLoad(){this.loaded=true;this.updateActionsPresence()}disconnectedCallback(){this.clearTransitionWork();this.closePending=false}onOpenChange(n){if(!this.loaded||!this.el.isConnected)return;if(n)this.startOpen();else this.startClose()}get closeMotionMs(){return h(u.motionShort3,u.animationDurationShort3)}clearTransitionWork(){if(this.transitionTimer)clearTimeout(this.transitionTimer);this.transitionTimer=null}startOpen(){this.clearTransitionWork();this.closePending=false;this.rendered=true;this.phase="open"}startClose(){this.clearTransitionWork();if(!this.rendered||this.phase==="closed"){this.rendered=false;return}this.closePending=true;this.phase="closing";const n=this.closeMotionMs;if(n<=0){this.finishClose();return}this.transitionTimer=setTimeout((()=>{this.transitionTimer=null;this.finishClose()}),n)}finishClose(){if(this.open||!this.closePending||!this.el.isConnected)return;this.closePending=false;this.rendered=false;this.phase="closed";this.dsAfterClose.emit()}updateActionsPresence(n){const e=n?n.assignedElements().filter((n=>n.tagName==="DS-BUTTON-UNFILLED")):Array.from(this.el.querySelectorAll('ds-button-unfilled[slot="actions"]'));this.hasActions=e.length>0}requestClose(n){if(!this.open||this.phase==="closing")return;this.dsClose.emit(n.detail)}get role(){if(this.announcement==="polite")return"status";if(this.announcement==="assertive")return"alert";return undefined}get ariaLive(){return this.announcement==="none"?undefined:this.announcement}render(){const n=this.phase==="closing";const e={banner:true,"banner--open":this.phase==="open","banner--closing":n,"banner--hidden":!this.rendered,"banner--has-actions":this.hasActions,[`banner--orientation-${this.orientation}`]:true,[`banner--intent-${this.intent}`]:true,[`banner--contrast-${this.contrast}`]:true};return a(s,{key:"710d38f525e8ca7d5ab4dbe41ee20b0c47311e01",class:e},a("div",{key:"17c1f59fe16c31a07af012bf376b9104ee9db98b",class:"banner-browser-edge","aria-hidden":"true"}),a("div",{key:"8a39bc116c769769c1d3539e7edcc9ece38b068c",class:"banner-overflow"},a("section",{key:"688acfe84f6b7317115b0065ddcefe872a733036",class:"banner-surface ds-chrome-header ds-chrome-header--wrapping",role:this.role,"aria-live":this.ariaLive,"aria-atomic":this.announcement==="none"?undefined:"true","aria-hidden":n?"true":undefined,inert:n?true:undefined,"data-phase":this.phase},a("div",{key:"f2111449ce46d3752182d8db6f04c3f5b46240a4",class:"banner-copy ds-chrome-header__copy ds-chrome-header__copy--wrapping ds-control--md"},a("ds-text",{key:"1f75a4c23a30220bfa0446f2386f9c5b14d26926",class:"banner-copy-flow",as:"div",variant:"text-body-medium",color:"inherit"},this.heading&&a("ds-text",{key:"456df199b7ecd80fc77562e444c573f88f5ceff0",class:"banner-heading",as:"span",variant:"text-title-small",color:"inherit"},this.heading),a("span",{key:"632b95df7f4ab9eeef15aee8be8f3ae4b64ed9b9",class:"banner-description"},this.description))),a("div",{key:"db15d6eb7fe2b69304faa6d52d8d44f87fbf4116",class:"banner-trailing ds-chrome-header__trailing"},a("div",{key:"b95960f62df5f5b0d057e773809d4a548dd30295",class:{"banner-actions":true,"banner-actions--empty":!this.hasActions}},a("slot",{key:"24d59d27ed76d3fd92711533cd35c6aa8b8cb71d",name:"actions",onSlotchange:n=>this.updateActionsPresence(n.currentTarget)})),a("div",{key:"d15c431201cbebd4d284ce577f4b712469734379",class:"banner-dismiss"},a("ds-tooltip",{key:"ceb791187210a9ce0e9ecd8777815205f6d90c18",label:this.dismissLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{key:"1f8c441c373d54e840dddfc3b2ddea03683aa100",class:"banner-close",variant:"icon",icon:"Cross",size:"md",type:"button",background:this.contrast,"aria-label":this.dismissLabel,hasBorder:false,activeFill:false,onDsClick:n=>this.requestClose(n)})))))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return g()}},[262,"ds-banner",{description:[1],heading:[1],intent:[513],contrast:[513],orientation:[513],open:[516],dismissLabel:[1,"dismiss-label"],announcement:[1],rendered:[32],phase:[32],hasActions:[32]},undefined,{open:[{onOpenChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const n=["ds-banner","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-banner":if(!customElements.get(o(n))){customElements.define(o(n),m)}break;case"ds-badge":if(!customElements.get(o(n))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(n))){i()}break;case"ds-icon":if(!customElements.get(o(n))){t()}break;case"ds-loader":if(!customElements.get(o(n))){c()}break;case"ds-text":if(!customElements.get(o(n))){b()}break;case"ds-tooltip":if(!customElements.get(o(n))){l()}break}}))}p();const f=m;const v=p;export{f as DsBanner,v as defineCustomElement};
|
|
1
|
+
import{p as n,H as e,c as r,h as a,a as s,t as o}from"./index.js";import{d}from"./p-BEj9uENH.js";import{d as i}from"./p-DKL7n7NM.js";import{d as t}from"./p-C942uiH1.js";import{d as c}from"./p-0XTyQNRG.js";import{d as b}from"./p-DcwgXLe-.js";import{d as l}from"./p-xHv_RGJh.js";import{r as h,T as u}from"./p-mSCnWLhL.js";const g=()=>`@media (forced-colors: active){.sc-ds-banner:root,.sc-ds-banner-h,.ds-forced-colors-scope.sc-ds-banner{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-banner-h,.sc-ds-banner:where(.ds-table),.sc-ds-banner:where(.tooltip-popup),.sc-ds-banner:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-banner,.ds-control--lg.sc-ds-banner-h,.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner,.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner,.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-banner-h,.ds-control--lg.sc-ds-banner{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-banner{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-banner{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-banner{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-banner,.ds-chrome-header__trailing.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-banner{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-banner{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-banner{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-banner{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-banner,.ds-chrome-header__description.sc-ds-banner{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-banner{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-banner .ds-chrome-header__description.sc-ds-banner{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-banner-h{display:grid;overflow:hidden;min-width:0;grid-template-rows:1fr;transition:grid-template-rows var(--effect-animation-duration-short-3) var(--_banner-motion-easing);--ds-banner-background:var(--color-background-faint-neutral);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary);--_banner-motion-easing:var(--effect-animation-easing-ease-in-out, ease);--_banner-surface-translate:0%}.banner--open.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-out, ease-out)}.banner--closing.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-in, ease-in);--_banner-surface-translate:-100%;grid-template-rows:0fr}.banner--hidden.sc-ds-banner-h{--_banner-surface-translate:-100%;display:none;visibility:hidden;grid-template-rows:0fr}.banner-overflow.sc-ds-banner{min-height:0;overflow:visible}.banner-browser-edge.sc-ds-banner{display:none;position:fixed;inset:0 0 auto;height:max(var(--dimension-space-200), env(safe-area-inset-top, 0px));pointer-events:none;background-color:var(--ds-banner-background)}.banner--open.sc-ds-banner-h .banner-browser-edge.sc-ds-banner,.banner--closing.sc-ds-banner-h .banner-browser-edge.sc-ds-banner{display:var(--_shell-banner-edge-display, none)}.banner-surface.sc-ds-banner{display:flex;position:relative;width:100%;padding-inline-end:calc(var(--dimension-size-400) + var(--dimension-space-200));color:var(--ds-banner-description);background-color:var(--ds-banner-background);border-bottom:var(--dimension-stroke-width-012) solid var(--ds-banner-border);transform:translateY(var(--_banner-surface-translate));transition:transform var(--effect-animation-duration-short-3) var(--_banner-motion-easing)}@starting-style{.sc-ds-banner-h.banner--open{grid-template-rows:0fr}.sc-ds-banner-h.banner--open .banner-surface{transform:translateY(-100%)}}.banner-copy.sc-ds-banner{flex-basis:var(--dimension-card-width-sm)}.banner--orientation-horizontal.sc-ds-banner-h .banner-surface.sc-ds-banner{flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h .banner-copy.sc-ds-banner{flex-basis:100%}.banner-copy-flow.sc-ds-banner{box-sizing:border-box;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));color:var(--ds-banner-description)}.banner-heading.sc-ds-banner{display:inline-block;width:auto;max-width:100%;margin-inline-end:var(--dimension-space-100);vertical-align:baseline;color:var(--ds-banner-heading)}.banner-description.sc-ds-banner{color:var(--ds-banner-description)}.banner-actions.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;min-width:0;gap:var(--dimension-space-100)}.banner-actions.sc-ds-banner slot.sc-ds-banner{display:contents}.banner-actions.sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions .sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions.sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3),.banner-actions .sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3){display:none}.banner-actions--empty.sc-ds-banner{display:none}.banner-trailing.sc-ds-banner{align-self:flex-start;flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h:not(.banner--has-actions) .banner-trailing.sc-ds-banner{display:contents}.banner--orientation-vertical.banner--has-actions.sc-ds-banner-h .banner-trailing.sc-ds-banner{margin-inline:var(--dimension-space-100) auto;padding-block-end:var(--dimension-space-100);box-sizing:border-box}.banner--orientation-vertical.sc-ds-banner-h .banner-description.sc-ds-banner{display:block}.banner--orientation-vertical.sc-ds-banner-h .banner-heading.sc-ds-banner+.banner-description.sc-ds-banner{margin-block-start:var(--dimension-space-050)}.banner-close.sc-ds-banner{flex:0 0 auto}.banner-dismiss.sc-ds-banner{position:absolute;inset-block-start:var(--dimension-space-100);inset-inline-end:var(--dimension-space-100)}.banner--intent-neutral.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-neutral)}.banner--intent-brand.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-brand)}.banner--intent-positive.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-positive)}.banner--intent-warning.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-warning)}.banner--intent-caution.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-caution)}.banner--intent-negative.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-negative)}.banner--contrast-faint.sc-ds-banner-h{--ds-banner-background:var(--ds-banner-faint-background);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary)}.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-neutral);--ds-banner-heading:var(--color-foreground-on-medium-background-primary);--ds-banner-description:var(--color-foreground-on-medium-background-secondary);--ds-banner-border:var(--color-border-on-medium-background-tertiary)}.banner--intent-brand.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-brand)}.banner--intent-positive.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-positive)}.banner--intent-warning.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-warning)}.banner--intent-caution.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-caution)}.banner--intent-negative.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-negative)}.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-neutral);--ds-banner-heading:var(--color-foreground-on-strong-background-primary);--ds-banner-description:var(--color-foreground-on-strong-background-secondary);--ds-banner-border:var(--color-border-on-strong-background-tertiary)}.banner--intent-brand.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-brand)}.banner--intent-positive.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-positive)}.banner--intent-warning.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-warning)}.banner--intent-caution.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-caution)}.banner--intent-negative.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-negative)}.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-neutral);--ds-banner-heading:var(--color-foreground-on-bold-background-primary);--ds-banner-description:var(--color-foreground-on-bold-background-secondary);--ds-banner-border:var(--color-border-on-bold-background-tertiary)}.banner--intent-brand.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-brand)}.banner--intent-positive.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-positive)}.banner--intent-warning.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-warning)}.banner--intent-caution.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-caution)}.banner--intent-negative.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-negative)}@media (prefers-reduced-motion: reduce){.sc-ds-banner-h,.banner-surface.sc-ds-banner{transition:none}}@media (forced-colors: active){.banner-browser-edge.sc-ds-banner{background-color:var(--ds-forced-color-surface)}.banner-surface.sc-ds-banner{color:var(--ds-forced-color-content);background-color:var(--ds-forced-color-surface);border-bottom-color:var(--ds-forced-color-content)}.banner-heading.sc-ds-banner,.banner-description.sc-ds-banner{color:var(--ds-forced-color-content)}}`;const m=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsClose=r(this,"dsClose",7);this.dsAfterClose=r(this,"dsAfterClose",7);this.heading="";this.intent="neutral";this.contrast="faint";this.orientation="horizontal";this.open=true;this.dismissLabel="Dismiss banner";this.announcement="none";this.rendered=false;this.phase="closed";this.hasActions=false;this.loaded=false;this.transitionTimer=null;this.closePending=false}connectedCallback(){if(!this.loaded)return;this.rendered=this.open;this.phase=this.open?"open":"closed";this.updateActionsPresence()}componentWillLoad(){this.rendered=this.open;this.phase=this.open?"open":"closed"}componentDidLoad(){this.loaded=true;this.updateActionsPresence()}disconnectedCallback(){this.clearTransitionWork();this.closePending=false}onOpenChange(n){if(!this.loaded||!this.el.isConnected)return;if(n)this.startOpen();else this.startClose()}get closeMotionMs(){return h(u.motionShort3,u.animationDurationShort3)}clearTransitionWork(){if(this.transitionTimer)clearTimeout(this.transitionTimer);this.transitionTimer=null}startOpen(){this.clearTransitionWork();this.closePending=false;this.rendered=true;this.phase="open"}startClose(){this.clearTransitionWork();if(!this.rendered||this.phase==="closed"){this.rendered=false;return}this.closePending=true;this.phase="closing";const n=this.closeMotionMs;if(n<=0){this.finishClose();return}this.transitionTimer=setTimeout((()=>{this.transitionTimer=null;this.finishClose()}),n)}finishClose(){if(this.open||!this.closePending||!this.el.isConnected)return;this.closePending=false;this.rendered=false;this.phase="closed";this.dsAfterClose.emit()}updateActionsPresence(n){const e=n?n.assignedElements().filter((n=>n.tagName==="DS-BUTTON-UNFILLED")):Array.from(this.el.querySelectorAll('ds-button-unfilled[slot="actions"]'));this.hasActions=e.length>0}requestClose(n){if(!this.open||this.phase==="closing")return;this.dsClose.emit(n.detail)}get role(){if(this.announcement==="polite")return"status";if(this.announcement==="assertive")return"alert";return undefined}get ariaLive(){return this.announcement==="none"?undefined:this.announcement}render(){const n=this.phase==="closing";const e={banner:true,"banner--open":this.phase==="open","banner--closing":n,"banner--hidden":!this.rendered,"banner--has-actions":this.hasActions,[`banner--orientation-${this.orientation}`]:true,[`banner--intent-${this.intent}`]:true,[`banner--contrast-${this.contrast}`]:true};return a(s,{key:"710d38f525e8ca7d5ab4dbe41ee20b0c47311e01",class:e},a("div",{key:"17c1f59fe16c31a07af012bf376b9104ee9db98b",class:"banner-browser-edge","aria-hidden":"true"}),a("div",{key:"8a39bc116c769769c1d3539e7edcc9ece38b068c",class:"banner-overflow"},a("section",{key:"688acfe84f6b7317115b0065ddcefe872a733036",class:"banner-surface ds-chrome-header ds-chrome-header--wrapping",role:this.role,"aria-live":this.ariaLive,"aria-atomic":this.announcement==="none"?undefined:"true","aria-hidden":n?"true":undefined,inert:n?true:undefined,"data-phase":this.phase},a("div",{key:"f2111449ce46d3752182d8db6f04c3f5b46240a4",class:"banner-copy ds-chrome-header__copy ds-chrome-header__copy--wrapping ds-control--md"},a("ds-text",{key:"1f75a4c23a30220bfa0446f2386f9c5b14d26926",class:"banner-copy-flow",as:"div",variant:"text-body-medium",color:"inherit"},this.heading&&a("ds-text",{key:"456df199b7ecd80fc77562e444c573f88f5ceff0",class:"banner-heading",as:"span",variant:"text-title-small",color:"inherit"},this.heading),a("span",{key:"632b95df7f4ab9eeef15aee8be8f3ae4b64ed9b9",class:"banner-description"},this.description))),a("div",{key:"db15d6eb7fe2b69304faa6d52d8d44f87fbf4116",class:"banner-trailing ds-chrome-header__trailing"},a("div",{key:"b95960f62df5f5b0d057e773809d4a548dd30295",class:{"banner-actions":true,"banner-actions--empty":!this.hasActions}},a("slot",{key:"24d59d27ed76d3fd92711533cd35c6aa8b8cb71d",name:"actions",onSlotchange:n=>this.updateActionsPresence(n.currentTarget)})),a("div",{key:"d15c431201cbebd4d284ce577f4b712469734379",class:"banner-dismiss"},a("ds-tooltip",{key:"ceb791187210a9ce0e9ecd8777815205f6d90c18",label:this.dismissLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{key:"1f8c441c373d54e840dddfc3b2ddea03683aa100",class:"banner-close",variant:"icon",icon:"Cross",size:"md",type:"button",background:this.contrast,"aria-label":this.dismissLabel,hasBorder:false,activeFill:false,onDsClick:n=>this.requestClose(n)})))))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return g()}},[262,"ds-banner",{description:[1],heading:[1],intent:[513],contrast:[513],orientation:[513],open:[516],dismissLabel:[1,"dismiss-label"],announcement:[1],rendered:[32],phase:[32],hasActions:[32]},undefined,{open:[{onOpenChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const n=["ds-banner","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-banner":if(!customElements.get(o(n))){customElements.define(o(n),m)}break;case"ds-badge":if(!customElements.get(o(n))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(n))){i()}break;case"ds-icon":if(!customElements.get(o(n))){t()}break;case"ds-loader":if(!customElements.get(o(n))){c()}break;case"ds-text":if(!customElements.get(o(n))){b()}break;case"ds-tooltip":if(!customElements.get(o(n))){l()}break}}))}p();const f=m;const v=p;export{f as DsBanner,v as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-banner.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as s,c as e,h as a,a as c,t as r}from"./index.js";import{d as t}from"./p-DMPn_dt7.js";const i=()=>`.ds-control-elevation.sc-ds-bar-action-h,.ds-control-elevation.sc-ds-bar-action{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-bar-action-h::after,.ds-control-elevation.sc-ds-bar-action::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-bar-action-h,.ds-control-elevation--sm.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-bar-action-h,.ds-control-elevation--md.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-bar-action-h,.ds-control-elevation--floating.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-bar-action{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-bar-action,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:none;transition:none}}.ds-chrome-space--sm.sc-ds-bar-action-h,.ds-chrome-space--sm.sc-ds-bar-action{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-action-h,.ds-chrome-space--md.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-action-h,.ds-chrome-space--lg.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action,.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action,.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action{flex-direction:column}.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-bar-action-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-bar-action-h,.ds-focus-ring.sc-ds-bar-action,.ds-focus-ring-inset.sc-ds-bar-action-h,.ds-focus-ring-inset.sc-ds-bar-action{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-bar-action-h:focus-visible,.ds-focus-ring.sc-ds-bar-action:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-bar-action-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-bar-action:where(.ds-text-decoration,.ds-text-action).sc-ds-bar-action{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-bar-action:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-bar-action{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-visually-hidden.sc-ds-bar-action-h,.ds-visually-hidden.sc-ds-bar-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-bar-action-h{display:block;min-width:0;box-sizing:border-box}[hidden].sc-ds-bar-action-h{display:none}.bar-action.sc-ds-bar-action{width:100%;min-width:0;box-sizing:border-box;height:var(--dimension-size-600);border-radius:var(--dimension-radius-half);background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-secondary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.bar-action[hidden].sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action:not(:has([slot='actions'])){display:none}.bar-action__copy.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{display:flex;align-items:center;min-width:0;gap:var(--dimension-space-050)}.bar-action__copy.sc-ds-bar-action{flex:1 1 auto;padding-inline:var(--dimension-space-100)}.bar-action__count.sc-ds-bar-action{flex:0 1 auto;min-width:0}.bar-action__separator.sc-ds-bar-action,.bar-action__clear.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{flex:0 0 auto}.bar-action__actions.sc-ds-bar-action{margin-inline-start:auto}.bar-action__actions.sc-ds-bar-action slot.sc-ds-bar-action{display:contents}.bar-action__clear.sc-ds-bar-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--dimension-size-400);margin:0;padding:var(--dimension-space-025);border:0;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer}@media (forced-colors: active){.bar-action.sc-ds-bar-action{--ds-control-elevation-shadow:none;--ds-control-elevation-highlight:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const n=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClear=e(this,"dsClear",7);this.count=0;this.selectedLabel="selected";this.clearLabel="Clear";this.label="Selected item actions";this.handleClear=o=>{this.dsClear.emit(o)}}get resolvedCount(){if(!Number.isFinite(this.count))return 0;return Math.max(0,Math.trunc(this.count))}get isVisible(){return this.resolvedCount>=1}render(){const o=`${this.resolvedCount} ${this.selectedLabel}`;return a(c,{key:"0c44953276e7b8a3ece943d785f1e70449d77f4f"},a("div",{key:"5758d0535bb11a9944de4fe0fb1668723ad31007",class:"bar-action ds-chrome-row ds-chrome-space--md ds-control-elevation ds-control-elevation--md",hidden:!this.isVisible||undefined,role:"group","aria-label":this.label},a("div",{key:"32cf21baf238b0745c88c5c43bd7f0194ea0bc5c",class:"bar-action__copy"},a("ds-text",{key:"ecb2666996465fcc411eddfe834ee767e44e644c",class:"bar-action__count",as:"span",variant:"text-body-medium",color:"inherit",fontFeature:"tabular-nums",lineTruncation:1},o),a("ds-text",{key:"c085aeea7b9e4a2bfb183d09d3d367b6498df160",class:"bar-action__separator",as:"span",variant:"text-body-medium",color:"inherit","aria-hidden":"true"},"·"),a("button",{key:"aecd2d84531748b3a7c573d28c32ff06444da9e9",class:"bar-action__clear ds-text-action ds-text-action--on-bold ds-focus-ring",type:"button",onClick:this.handleClear},a("ds-text",{key:"19336216cce0492052da2a2d8b14cdb3ef062e86",as:"span",variant:"text-body-medium",color:"inherit"},this.clearLabel))),a("div",{key:"8644b7677384900f2dd306bc7d152853201fadec",class:"bar-action__actions"},a("slot",{key:"d129bef8d0c474aaec4687001a2619873c812a29",name:"actions"}))),a("span",{key:"52cf448e46a14c18acc5795e8a315b7f210697d1",class:"bar-action__status ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.isVisible?o:""))}static get style(){return i()}},[262,"ds-bar-action",{count:[2],selectedLabel:[1,"selected-label"],clearLabel:[1,"clear-label"],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-action","ds-text"];o.forEach((o=>{switch(o){case"ds-bar-action":if(!customElements.get(r(o))){customElements.define(r(o),n)}break;case"ds-text":if(!customElements.get(r(o))){t()}break}}))}d();const l=n;const b=d;export{l as DsBarAction,b as defineCustomElement};
|
|
1
|
+
import{p as o,H as s,c as e,h as a,a as c,t as r}from"./index.js";import{d as t}from"./p-DcwgXLe-.js";const i=()=>`.ds-control-elevation.sc-ds-bar-action-h,.ds-control-elevation.sc-ds-bar-action{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-bar-action-h::after,.ds-control-elevation.sc-ds-bar-action::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-bar-action-h,.ds-control-elevation--sm.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-bar-action-h,.ds-control-elevation--md.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-bar-action-h,.ds-control-elevation--floating.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-bar-action{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-bar-action,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:none;transition:none}}.ds-chrome-space--sm.sc-ds-bar-action-h,.ds-chrome-space--sm.sc-ds-bar-action{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-action-h,.ds-chrome-space--md.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-action-h,.ds-chrome-space--lg.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action,.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action,.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action{flex-direction:column}.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-bar-action-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-bar-action-h,.ds-focus-ring.sc-ds-bar-action,.ds-focus-ring-inset.sc-ds-bar-action-h,.ds-focus-ring-inset.sc-ds-bar-action{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-bar-action-h:focus-visible,.ds-focus-ring.sc-ds-bar-action:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-bar-action-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-bar-action:where(.ds-text-decoration,.ds-text-action).sc-ds-bar-action{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-bar-action:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-bar-action{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-visually-hidden.sc-ds-bar-action-h,.ds-visually-hidden.sc-ds-bar-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-bar-action-h{display:block;min-width:0;box-sizing:border-box}[hidden].sc-ds-bar-action-h{display:none}.bar-action.sc-ds-bar-action{width:100%;min-width:0;box-sizing:border-box;height:var(--dimension-size-600);border-radius:var(--dimension-radius-half);background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-secondary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.bar-action[hidden].sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action:not(:has([slot='actions'])){display:none}.bar-action__copy.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{display:flex;align-items:center;min-width:0;gap:var(--dimension-space-050)}.bar-action__copy.sc-ds-bar-action{flex:1 1 auto;padding-inline:var(--dimension-space-100)}.bar-action__count.sc-ds-bar-action{flex:0 1 auto;min-width:0}.bar-action__separator.sc-ds-bar-action,.bar-action__clear.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{flex:0 0 auto}.bar-action__actions.sc-ds-bar-action{margin-inline-start:auto}.bar-action__actions.sc-ds-bar-action slot.sc-ds-bar-action{display:contents}.bar-action__clear.sc-ds-bar-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--dimension-size-400);margin:0;padding:var(--dimension-space-025);border:0;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer}@media (forced-colors: active){.bar-action.sc-ds-bar-action{--ds-control-elevation-shadow:none;--ds-control-elevation-highlight:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const n=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClear=e(this,"dsClear",7);this.count=0;this.selectedLabel="selected";this.clearLabel="Clear";this.label="Selected item actions";this.handleClear=o=>{this.dsClear.emit(o)}}get resolvedCount(){if(!Number.isFinite(this.count))return 0;return Math.max(0,Math.trunc(this.count))}get isVisible(){return this.resolvedCount>=1}render(){const o=`${this.resolvedCount} ${this.selectedLabel}`;return a(c,{key:"5ea91b1a0568d8ad9c994ea81e2d257b2fbe16fb"},a("div",{key:"bcac9d0bf40b2b1d26953a63b586e64e30dc9135",class:"bar-action ds-chrome-row ds-chrome-space--md ds-control-elevation ds-control-elevation--md",hidden:!this.isVisible||undefined,role:"group","aria-label":this.label},a("div",{key:"05b875fcf15b6e41c980b5349194612ac6247545",class:"bar-action__copy"},a("ds-text",{key:"bc18c800651ba82655da727be265d0d18431e9be",class:"bar-action__count",as:"span",variant:"text-body-medium",color:"inherit",fontFeature:"tabular-nums",lineTruncation:1},o),a("ds-text",{key:"9c7fc9ed8c59be2b657e3030e9da92d9732acff4",class:"bar-action__separator",as:"span",variant:"text-body-medium",color:"inherit","aria-hidden":"true"},"·"),a("button",{key:"1cb508820f335fec28ab270c8bc527824f73a44b",class:"bar-action__clear ds-text-action ds-text-action--on-bold ds-focus-ring",type:"button",onClick:this.handleClear},a("ds-text",{key:"a6514f20f326b5ad4c70b805a7ddc8c3cd92b136",as:"span",variant:"text-body-medium",color:"inherit"},this.clearLabel))),a("div",{key:"9e49ba8db7ee9ce1ded65d88a95261e1e8296083",class:"bar-action__actions"},a("slot",{key:"15ede2407373e8c4ccd8f3040568ce04509760c5",name:"actions"}))),a("span",{key:"92ce801c047f5e5825af4c70f682dc33ed29aabf",class:"bar-action__status ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.isVisible?o:""))}static get style(){return i()}},[262,"ds-bar-action",{count:[2],selectedLabel:[1,"selected-label"],clearLabel:[1,"clear-label"],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-action","ds-text"];o.forEach((o=>{switch(o){case"ds-bar-action":if(!customElements.get(r(o))){customElements.define(r(o),n)}break;case"ds-text":if(!customElements.get(r(o))){t()}break}}))}d();const l=n;const b=d;export{l as DsBarAction,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-bar-action.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as d,d as o}from"./p-dVdTdZdu.js";const s=d;const t=o;export{s as DsBarNav,t as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-bar-nav.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-D3r_5Fw-.js";const r=o;const t=s;export{r as DsBarPageTitle,t as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-bar-page-title.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as
|
|
1
|
+
import{B as s,d as o}from"./p-snYhfM1q.js";const t=s;const n=o;export{t as DsBarTitle,n as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-bar-title.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as o,c as i,h as e,a as r,t}from"./index.js";import{d as a}from"./p-ClOvX8cD.js";import{d}from"./p-BNvZM4jP.js";import{d as n}from"./p-D5-hqLPK.js";import{d as l}from"./p-C942uiH1.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-D8iNLSCa.js";import{d as b}from"./p-hFe35P2l.js";import{d as h}from"./p-BckLHaey.js";import{d as w}from"./p-Nx52go85.js";import{d as f}from"./p-KTaiJztz.js";import{d as p}from"./p-CXrOGz7X.js";import{d as u}from"./p-Bt1Ybvz-.js";import{d as k}from"./p-DMPn_dt7.js";import{d as g}from"./p-DTlNtCX1.js";const v=()=>`.sc-ds-bar-workflow-h,.sc-ds-bar-workflow:where(.ds-table),.sc-ds-bar-workflow:where(.tooltip-popup),.sc-ds-bar-workflow:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-bar-workflow,.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow,.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow,.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--lg.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-bar-workflow-h,.ds-chrome-space--sm.sc-ds-bar-workflow{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-workflow-h,.ds-chrome-space--md.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-workflow-h,.ds-chrome-space--lg.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow,.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow,.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow{flex-direction:column}.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:grid;align-items:center}.sc-ds-bar-workflow-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-bold-brand)}.bar-workflow.sc-ds-bar-workflow{justify-content:space-between;height:var(--dimension-size-600);min-width:0;background:var(--color-background-bold-brand)}.bar-workflow__identity.sc-ds-bar-workflow{display:flex;flex:1 1 auto;align-items:center;gap:var(--dimension-space-050);height:var(--dimension-size-400);min-width:0}.bar-workflow__heading.sc-ds-bar-workflow{display:inline-flex;flex:1 1 auto;align-items:center;width:auto;min-width:0;height:var(--dimension-size-400);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;user-select:none}.bar-workflow__actions.sc-ds-bar-workflow{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}`;const x=s(class s extends o{constructor(s){super();if(s!==false){this.__registerHost()}this.dsExit=i(this,"dsExit",7);this.dsStepChange=i(this,"dsStepChange",7);this.dsSubmit=i(this,"dsSubmit",7);this.steps=[];this.value="";this.exitLabel="Exit";this.exitAriaLabel="Exit workflow";this.previousLabel="Previous step";this.nextLabel="Next step";this.submitAction={label:"Save",type:"submit"};this.isNextInactive=false;this.responsiveMode="desktop";this.handlePrevious=()=>{if(this.previousStep&&!this.previousStep.isInactive){this.dsStepChange.emit(this.previousStep.id)}};this.handleNext=()=>{if(this.nextStep&&!this.isNextInactive&&!this.nextStep.isInactive){this.dsStepChange.emit(this.nextStep.id)}}}get currentIndex(){const s=this.steps.findIndex((s=>s.id===this.value));return s>=0?s:0}get previousStep(){return this.steps[this.currentIndex-1]??null}get nextStep(){return this.steps[this.currentIndex+1]??null}get isLastStep(){return this.steps.length<=1||this.currentIndex===this.steps.length-1}get resolvedHeading(){if(this.steps.length<=1)return this.heading;return`${this.heading} · ${this.currentIndex+1}/${this.steps.length}`}renderSubmit(s){const o=this.submitAction;return e("ds-tooltip",{slot:s,label:o.label,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__submit",variant:"icon",icon:"Check",label:o.label,"aria-label":o.label,intent:"brand",contrast:"faint",background:"bold",size:"md",type:o.type??"submit",isInactive:o.isInactive,isLoading:o.isLoading,onDsClick:s=>this.dsSubmit.emit(s.detail)}))}renderMobile(){return e("ds-mobile-header",{class:"bar-workflow__mobile",heading:this.resolvedHeading,tone:"brand"},e("ds-tooltip",{slot:"leading",label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),this.previousStep?e("ds-tooltip",{slot:"trailing",label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit("trailing"):e("ds-tooltip",{slot:"trailing",label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext})))}renderDesktop(){return e("div",{class:"bar-workflow ds-chrome-row ds-chrome-space--md"},e("div",{class:"bar-workflow__identity"},e("ds-tooltip",{label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),e("ds-text",{class:"bar-workflow__heading ds-control--md",variant:"text-title-small",emphasis:true,color:"on-bold",as:"h1",lineTruncation:1},this.resolvedHeading)),e("div",{class:"bar-workflow__actions"},this.previousStep?e("ds-tooltip",{label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit():e("ds-tooltip",{label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext}))))}render(){return e(r,{key:"d478f1e58923a2b8ca22ddf5a378bf479fc335de"},this.responsiveMode==="mobile"?this.renderMobile():this.renderDesktop())}static get style(){return v()}},[2,"ds-bar-workflow",{heading:[1],steps:[16],value:[1],exitLabel:[1,"exit-label"],exitAriaLabel:[1,"exit-aria-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],submitAction:[16],isNextInactive:[4,"is-next-inactive"],responsiveMode:[513,"responsive-mode"]}]);function _(){if(typeof customElements==="undefined"){return}const s=["ds-bar-workflow","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-header","ds-mobile-section-switcher","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-bar-workflow":if(!customElements.get(t(s))){customElements.define(t(s),x)}break;case"ds-badge":if(!customElements.get(t(s))){a()}break;case"ds-button-filled":if(!customElements.get(t(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(s))){n()}break;case"ds-icon":if(!customElements.get(t(s))){l()}break;case"ds-loader":if(!customElements.get(t(s))){c()}break;case"ds-menu":if(!customElements.get(t(s))){m()}break;case"ds-mobile-header":if(!customElements.get(t(s))){b()}break;case"ds-mobile-section-switcher":if(!customElements.get(t(s))){h()}break;case"ds-swatch-picker":if(!customElements.get(t(s))){w()}break;case"ds-switch":if(!customElements.get(t(s))){f()}break;case"ds-tab-group":if(!customElements.get(t(s))){p()}break;case"ds-tag":if(!customElements.get(t(s))){u()}break;case"ds-text":if(!customElements.get(t(s))){k()}break;case"ds-tooltip":if(!customElements.get(t(s))){g()}break}}))}_();const z=x;const y=_;export{z as DsBarWorkflow,y as defineCustomElement};
|
|
1
|
+
import{p as s,H as o,c as i,h as e,a as r,t}from"./index.js";import{d as a}from"./p-BEj9uENH.js";import{d}from"./p-CZVoCdYE.js";import{d as n}from"./p-DKL7n7NM.js";import{d as l}from"./p-C942uiH1.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-C8WKo0sf.js";import{d as b}from"./p-Bg1UmSZn.js";import{d as h}from"./p-DpA8UeSy.js";import{d as w}from"./p-Cn6Ud58k.js";import{d as f}from"./p-CVuSm1Sh.js";import{d as p}from"./p-DIXpyBWB.js";import{d as u}from"./p-BQ6p3LFP.js";import{d as k}from"./p-DcwgXLe-.js";import{d as g}from"./p-xHv_RGJh.js";const v=()=>`.sc-ds-bar-workflow-h,.sc-ds-bar-workflow:where(.ds-table),.sc-ds-bar-workflow:where(.tooltip-popup),.sc-ds-bar-workflow:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-bar-workflow,.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow,.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow,.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--lg.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-bar-workflow-h,.ds-chrome-space--sm.sc-ds-bar-workflow{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-workflow-h,.ds-chrome-space--md.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-workflow-h,.ds-chrome-space--lg.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow,.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow,.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow{flex-direction:column}.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:grid;align-items:center}.sc-ds-bar-workflow-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-bold-brand)}.bar-workflow.sc-ds-bar-workflow{justify-content:space-between;height:var(--dimension-size-600);min-width:0;background:var(--color-background-bold-brand)}.bar-workflow__identity.sc-ds-bar-workflow{display:flex;flex:1 1 auto;align-items:center;gap:var(--dimension-space-050);height:var(--dimension-size-400);min-width:0}.bar-workflow__heading.sc-ds-bar-workflow{display:inline-flex;flex:1 1 auto;align-items:center;width:auto;min-width:0;height:var(--dimension-size-400);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;user-select:none}.bar-workflow__actions.sc-ds-bar-workflow{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}`;const x=s(class s extends o{constructor(s){super();if(s!==false){this.__registerHost()}this.dsExit=i(this,"dsExit",7);this.dsStepChange=i(this,"dsStepChange",7);this.dsSubmit=i(this,"dsSubmit",7);this.steps=[];this.value="";this.exitLabel="Exit";this.exitAriaLabel="Exit workflow";this.previousLabel="Previous step";this.nextLabel="Next step";this.submitAction={label:"Save",type:"submit"};this.isNextInactive=false;this.responsiveMode="desktop";this.handlePrevious=()=>{if(this.previousStep&&!this.previousStep.isInactive){this.dsStepChange.emit(this.previousStep.id)}};this.handleNext=()=>{if(this.nextStep&&!this.isNextInactive&&!this.nextStep.isInactive){this.dsStepChange.emit(this.nextStep.id)}}}get currentIndex(){const s=this.steps.findIndex((s=>s.id===this.value));return s>=0?s:0}get previousStep(){return this.steps[this.currentIndex-1]??null}get nextStep(){return this.steps[this.currentIndex+1]??null}get isLastStep(){return this.steps.length<=1||this.currentIndex===this.steps.length-1}get resolvedHeading(){if(this.steps.length<=1)return this.heading;return`${this.heading} · ${this.currentIndex+1}/${this.steps.length}`}renderSubmit(s){const o=this.submitAction;return e("ds-tooltip",{slot:s,label:o.label,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__submit",variant:"icon",icon:"Check",label:o.label,"aria-label":o.label,intent:"brand",contrast:"faint",background:"bold",size:"md",type:o.type??"submit",isInactive:o.isInactive,isLoading:o.isLoading,onDsClick:s=>this.dsSubmit.emit(s.detail)}))}renderMobile(){return e("ds-mobile-header",{class:"bar-workflow__mobile",heading:this.resolvedHeading,tone:"brand"},e("ds-tooltip",{slot:"leading",label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),this.previousStep?e("ds-tooltip",{slot:"trailing",label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit("trailing"):e("ds-tooltip",{slot:"trailing",label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext})))}renderDesktop(){return e("div",{class:"bar-workflow ds-chrome-row ds-chrome-space--md"},e("div",{class:"bar-workflow__identity"},e("ds-tooltip",{label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),e("ds-text",{class:"bar-workflow__heading ds-control--md",variant:"text-title-small",emphasis:true,color:"on-bold",as:"h1",lineTruncation:1},this.resolvedHeading)),e("div",{class:"bar-workflow__actions"},this.previousStep?e("ds-tooltip",{label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit():e("ds-tooltip",{label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext}))))}render(){return e(r,{key:"c25f1866a7eee8607e74aee4efc0a760afb8d5b8"},this.responsiveMode==="mobile"?this.renderMobile():this.renderDesktop())}static get style(){return v()}},[2,"ds-bar-workflow",{heading:[1],steps:[16],value:[1],exitLabel:[1,"exit-label"],exitAriaLabel:[1,"exit-aria-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],submitAction:[16],isNextInactive:[4,"is-next-inactive"],responsiveMode:[513,"responsive-mode"]}]);function _(){if(typeof customElements==="undefined"){return}const s=["ds-bar-workflow","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-header","ds-mobile-section-switcher","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-bar-workflow":if(!customElements.get(t(s))){customElements.define(t(s),x)}break;case"ds-badge":if(!customElements.get(t(s))){a()}break;case"ds-button-filled":if(!customElements.get(t(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(s))){n()}break;case"ds-icon":if(!customElements.get(t(s))){l()}break;case"ds-loader":if(!customElements.get(t(s))){c()}break;case"ds-menu":if(!customElements.get(t(s))){m()}break;case"ds-mobile-header":if(!customElements.get(t(s))){b()}break;case"ds-mobile-section-switcher":if(!customElements.get(t(s))){h()}break;case"ds-swatch-picker":if(!customElements.get(t(s))){w()}break;case"ds-switch":if(!customElements.get(t(s))){f()}break;case"ds-tab-group":if(!customElements.get(t(s))){p()}break;case"ds-tag":if(!customElements.get(t(s))){u()}break;case"ds-text":if(!customElements.get(t(s))){k()}break;case"ds-tooltip":if(!customElements.get(t(s))){g()}break}}))}_();const z=x;const y=_;export{z as DsBarWorkflow,y as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-bar-workflow.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-CkUF45d_.js";const t=o;const p=s;export{t as DsBreadcrumb,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-breadcrumb.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-CZVoCdYE.js";const t=o;const p=s;export{t as DsButtonFilled,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-button-filled.js.map
|