@ds-mo/ui 15.12.0 → 15.12.1
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 +8 -3
- package/dist/angular/ds-skeleton.d.ts +1 -1
- package/dist/angular/ds-skeleton.js +3 -3
- package/dist/components/ds-agent-questionnaire.js +1 -1
- package/dist/components/ds-agent-response.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-card-settings-scope.js.map +1 -1
- package/dist/components/ds-data-saved-views.js +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-inline-banner-settings.js +1 -1
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-radio.js +1 -1
- package/dist/components/ds-score.js +1 -1
- package/dist/components/ds-setting-row-radio.js +1 -1
- package/dist/components/ds-setting-row-toggle.js +1 -1
- package/dist/components/ds-skeleton.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/{p-BnE9MeXS.js → p-3Xp9hXbL.js} +2 -2
- package/dist/components/{p-DmyU1fd-.js → p-BhbniDw4.js} +2 -2
- package/dist/components/{p-BpssHpam.js → p-CGtq7TnC.js} +2 -2
- package/dist/components/p-D538svhW.js +2 -0
- package/dist/components/p-D538svhW.js.map +1 -0
- package/dist/components/p-DcvPY30Q.js +2 -0
- package/dist/components/p-DcvPY30Q.js.map +1 -0
- package/dist/components/{p-XKt6j1UN.js → p-P2-eHQJU.js} +2 -2
- package/dist/docs/components.json +30 -1
- package/dist/lint/index.js +1 -1
- package/dist/mcp-data/registry/card-settings-scope.json +3 -3
- package/dist/mcp-data/registry/field.json +1 -1
- package/dist/mcp-data/registry/registry.json +7 -2
- package/dist/mcp-data/registry/skeleton.json +22 -3
- package/dist/types/components/Skeleton/Skeleton.d.ts +11 -0
- package/dist/types/components.d.ts +11 -0
- package/dist/vue/ds-skeleton.js +1 -0
- package/package.json +1 -1
- package/dist/components/p-BoFK9lmP.js +0 -2
- package/dist/components/p-BoFK9lmP.js.map +0 -1
- package/dist/components/p-zsWHUNJ9.js +0 -2
- package/dist/components/p-zsWHUNJ9.js.map +0 -1
- /package/dist/components/{p-BnE9MeXS.js.map → p-3Xp9hXbL.js.map} +0 -0
- /package/dist/components/{p-DmyU1fd-.js.map → p-BhbniDw4.js.map} +0 -0
- /package/dist/components/{p-BpssHpam.js.map → p-CGtq7TnC.js.map} +0 -0
- /package/dist/components/{p-XKt6j1UN.js.map → p-P2-eHQJU.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,c as t,h as i,a as d,t as n}from"./index.js";import{d as a}from"./p-8fddX3V3.js";import{d as r}from"./p-DFR9hqDU.js";import{d as o}from"./p-WEffoQQD.js";import{d as c}from"./p-BVsVUnAw.js";import{d as l}from"./p-0XTyQNRG.js";import{d as g}from"./p-BoFK9lmP.js";import{d as h}from"./p-DMPn_dt7.js";import{d as m}from"./p-BMI0F08u.js";const b=()=>`.sc-ds-card-setting-h,.sc-ds-card-setting:where(.ds-table),.sc-ds-card-setting:where(.tooltip-popup),.sc-ds-card-setting: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-card-setting,.ds-control--lg.sc-ds-card-setting-h,.ds-control--md.sc-ds-card-setting-h,.ds-control--md.sc-ds-card-setting,.ds-control--sm.sc-ds-card-setting-h,.ds-control--sm.sc-ds-card-setting,.ds-control--xs.sc-ds-card-setting-h,.ds-control--xs.sc-ds-card-setting{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-card-setting-h,.ds-control--lg.sc-ds-card-setting{--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-card-setting-h,.ds-control--md.sc-ds-card-setting{--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-card-setting-h,.ds-control--sm.sc-ds-card-setting{--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-card-setting-h,.ds-control--xs.sc-ds-card-setting{--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-card-setting{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-card-setting{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-card-setting{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-card-setting,.ds-chrome-header__trailing.sc-ds-card-setting{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-card-setting{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-card-setting{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-card-setting{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-card-setting{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-card-setting,.ds-chrome-header__description.sc-ds-card-setting{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-card-setting{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-card-setting .ds-chrome-header__description.sc-ds-card-setting{flex:1 1 var(--dimension-card-width-xs)}@media (forced-colors: active){.sc-ds-card-setting:root,.sc-ds-card-setting-h,.ds-forced-colors-scope.sc-ds-card-setting{--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-card-setting-h{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-setting-width);min-height:var(--_card-setting-min-height);max-width:100%;overflow:hidden;border:none;border-radius:var(--ds-radius-card);background-color:var(--color-background-primary);box-shadow:var(--effect-shadow-elevated-sm)}.sc-ds-card-setting-h::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-sm);pointer-events:none}.card-setting--editing.sc-ds-card-setting-h{background-color:var(--color-background-bold-brand);box-shadow:0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand)}.card-setting--editing.sc-ds-card-setting-h::after{box-shadow:none}.card-setting__header.sc-ds-card-setting{flex:0 0 auto;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.card-setting--editing.sc-ds-card-setting-h .card-setting__header.sc-ds-card-setting{border-bottom-color:transparent}.card-setting__copy.sc-ds-card-setting{align-items:center;position:relative}ds-text.card-setting__title.sc-ds-card-setting{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.card-setting__actions.sc-ds-card-setting{flex-shrink:0;position:relative}.card-setting--loading.sc-ds-card-setting-h .card-setting__title.sc-ds-card-setting{visibility:hidden}.card-setting__heading-skeleton.sc-ds-card-setting{position:absolute;inset-inline-start:var(--dimension-space-100)}.card-setting__panel.sc-ds-card-setting{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;box-sizing:border-box;background-color:var(--color-background-primary);border-radius:0 0 var(--ds-radius-card) var(--ds-radius-card)}.card-setting--editing.sc-ds-card-setting-h .card-setting__panel.sc-ds-card-setting{border-radius:var(--ds-radius-card)}.card-setting__banner.sc-ds-card-setting{flex:0 0 auto;min-width:0}.card-setting__banner--empty.sc-ds-card-setting{display:none}.card-setting__body.sc-ds-card-setting{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;box-sizing:border-box;padding-block:var(--dimension-space-100)}@media (forced-colors: active){.sc-ds-card-setting-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.sc-ds-card-setting-h::after{box-shadow:none}}`;const p={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const f={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const u="var(--color-foreground-faint-brand)";const v=s=>{if(s.nodeType===Node.ELEMENT_NODE){return s.tagName!=="SLOT"}return s.nodeType===Node.TEXT_NODE&&Boolean(s.textContent?.trim())};const _=s=>s.nodeType===Node.ELEMENT_NODE?s.getAttribute("slot"):null;const x=s=>v(s)&&!_(s);const y=s=>v(s)&&_(s)==="banner";const k=s=>Boolean(s?.assignedNodes({flatten:true}).some(v));const w=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsAction=t(this,"dsAction",7);this.cardWidth="md";this.variant="editable";this.editing=false;this.isLoading=false;this.editLabel="Edit";this.cancelLabel="Cancel";this.saveLabel="Save";this.hasBannerContent=false;this.hasBodyContent=false;this.syncBannerContent=s=>{const e=this.readSlotContent(s,":scope > .card-setting__panel > .card-setting__banner > slot",":scope > .card-setting__panel > .card-setting__banner");if(e!==this.hasBannerContent)this.hasBannerContent=e};this.syncBodyContent=s=>{const e=this.readSlotContent(s,":scope > .card-setting__panel > .card-setting__body > slot",":scope > .card-setting__panel > .card-setting__body");if(e!==this.hasBodyContent)this.hasBodyContent=e}}componentWillLoad(){const s=Array.from(this.el.childNodes);this.hasBannerContent=s.some(y);this.hasBodyContent=s.some(x)}componentDidLoad(){this.syncBannerContent();this.syncBodyContent()}emitAction(s,e){this.dsAction.emit({action:s,originalEvent:e})}readSlotContent(s,e,t){const i=s?.target instanceof HTMLSlotElement?s.target:this.el.querySelector(e);if(k(i))return true;const d=this.el.querySelector(t);return Array.from(d?.childNodes??[]).some(v)}get hugContent(){return this.variant==="immediate"||this.hasBannerContent||this.hasBodyContent}render(){const s=this.variant==="editable"&&this.editing;return i(d,{key:"1fca8fb43cc1dfe486a1ce798feb2e12fde21fb7","aria-busy":this.isLoading?"true":undefined,class:{"card-setting":true,"card-setting--loading":this.isLoading,"card-setting--editing":s,"card-setting--immediate":this.variant==="immediate","card-setting--empty":!this.hugContent},style:{"--_card-setting-width":p[this.cardWidth],"--_card-setting-min-height":this.hugContent?"0":f[this.cardWidth]}},i("header",{key:"ede74b46bb2061241c73acae6448ccbda39bae0f",class:"card-setting__header ds-chrome-header"},i("div",{key:"fc1e00483c72ed0564492781dce6652ebf46e7e5",class:"card-setting__copy ds-chrome-header__copy ds-control--md"},i("ds-text",{key:"b0fcebd06b1e0e8427333a7bca7a6eceacd85555",class:"card-setting__title ds-chrome-header__heading",variant:"text-title-small",emphasis:true,color:s?u:"primary",as:"h2"},this.heading),this.isLoading&&i("ds-skeleton",{key:"198a873c2657bddcf215f94b9f468e05a8bd2982",class:"card-setting__heading-skeleton",width:"min(60%, calc(var(--dimension-size-800) * 2))",textVariant:"text-title-small"})),this.variant==="editable"&&i("div",{key:"08cd095494e82213544135f5f72f1c39edb9857f",class:"card-setting__actions ds-chrome-header__trailing",inert:this.isLoading},!s?i("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,variant:"control",controlAppearance:"outlined",controlContent:"icon"},i("ds-button-unfilled",{variant:"icon",type:"button",icon:"Pencil","aria-label":this.editLabel,onDsClick:s=>this.emitAction("edit",s.detail)})):[i("ds-skeleton",{key:"cancel",preserveLayout:true,isLoading:this.isLoading,variant:"control",controlAppearance:"outlined",controlContent:"icon",background:"bold"},i("ds-button-unfilled",{variant:"icon",type:"button",icon:"Cross",background:"bold","aria-label":this.cancelLabel,onDsClick:s=>this.emitAction("cancel",s.detail)})),i("ds-skeleton",{key:"save",preserveLayout:true,isLoading:this.isLoading,variant:"control"},i("ds-button-filled",{variant:"icon",type:"button",icon:"Check",intent:"brand",contrast:"faint","aria-label":this.saveLabel,onDsClick:s=>this.emitAction("save",s.detail)}))])),i("div",{key:"db11762c0fd2596c68d09aa2d35747bbc014af34",class:"card-setting__panel"},i("div",{key:"0070ad4349ed6989835ce7c32b8540030550f305",class:{"card-setting__banner":true,"card-setting__banner--empty":!this.hasBannerContent}},i("slot",{key:"4cece08eb15ac16593a06874028a60986faf9502",name:"banner",onSlotchange:this.syncBannerContent})),i("div",{key:"510e947b0e43feef501f4e8a9254c88c2a115faa",class:"card-setting__body"},i("slot",{key:"dac599748ae743102d61022890d86cc7c27251cf",onSlotchange:this.syncBodyContent}))))}get el(){return this}static get style(){return b()}},[262,"ds-card-setting",{heading:[1],cardWidth:[1,"card-width"],variant:[1],editing:[4],isLoading:[4,"is-loading"],editLabel:[1,"edit-label"],cancelLabel:[1,"cancel-label"],saveLabel:[1,"save-label"],hasBannerContent:[32],hasBodyContent:[32]}]);function E(){if(typeof customElements==="undefined"){return}const s=["ds-card-setting","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-skeleton","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-card-setting":if(!customElements.get(n(s))){customElements.define(n(s),w)}break;case"ds-badge":if(!customElements.get(n(s))){a()}break;case"ds-button-filled":if(!customElements.get(n(s))){r()}break;case"ds-button-unfilled":if(!customElements.get(n(s))){o()}break;case"ds-icon":if(!customElements.get(n(s))){c()}break;case"ds-loader":if(!customElements.get(n(s))){l()}break;case"ds-skeleton":if(!customElements.get(n(s))){g()}break;case"ds-text":if(!customElements.get(n(s))){h()}break;case"ds-tooltip":if(!customElements.get(n(s))){m()}break}}))}E();const z=w;const C=E;export{z as DsCardSetting,C as defineCustomElement};
|
|
1
|
+
import{p as s,H as e,c as t,h as i,a as d,t as n}from"./index.js";import{d as a}from"./p-8fddX3V3.js";import{d as r}from"./p-DFR9hqDU.js";import{d as o}from"./p-WEffoQQD.js";import{d as c}from"./p-BVsVUnAw.js";import{d as l}from"./p-0XTyQNRG.js";import{d as g}from"./p-DcvPY30Q.js";import{d as h}from"./p-DMPn_dt7.js";import{d as m}from"./p-BMI0F08u.js";const b=()=>`.sc-ds-card-setting-h,.sc-ds-card-setting:where(.ds-table),.sc-ds-card-setting:where(.tooltip-popup),.sc-ds-card-setting: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-card-setting,.ds-control--lg.sc-ds-card-setting-h,.ds-control--md.sc-ds-card-setting-h,.ds-control--md.sc-ds-card-setting,.ds-control--sm.sc-ds-card-setting-h,.ds-control--sm.sc-ds-card-setting,.ds-control--xs.sc-ds-card-setting-h,.ds-control--xs.sc-ds-card-setting{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-card-setting-h,.ds-control--lg.sc-ds-card-setting{--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-card-setting-h,.ds-control--md.sc-ds-card-setting{--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-card-setting-h,.ds-control--sm.sc-ds-card-setting{--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-card-setting-h,.ds-control--xs.sc-ds-card-setting{--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-card-setting{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-card-setting{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-card-setting{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-card-setting,.ds-chrome-header__trailing.sc-ds-card-setting{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-card-setting{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-card-setting{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-card-setting{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-card-setting{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-card-setting,.ds-chrome-header__description.sc-ds-card-setting{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-card-setting{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-card-setting .ds-chrome-header__description.sc-ds-card-setting{flex:1 1 var(--dimension-card-width-xs)}@media (forced-colors: active){.sc-ds-card-setting:root,.sc-ds-card-setting-h,.ds-forced-colors-scope.sc-ds-card-setting{--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-card-setting-h{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-setting-width);min-height:var(--_card-setting-min-height);max-width:100%;overflow:hidden;border:none;border-radius:var(--ds-radius-card);background-color:var(--color-background-primary);box-shadow:var(--effect-shadow-elevated-sm)}.sc-ds-card-setting-h::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-sm);pointer-events:none}.card-setting--editing.sc-ds-card-setting-h{background-color:var(--color-background-bold-brand);box-shadow:0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand)}.card-setting--editing.sc-ds-card-setting-h::after{box-shadow:none}.card-setting__header.sc-ds-card-setting{flex:0 0 auto;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.card-setting--editing.sc-ds-card-setting-h .card-setting__header.sc-ds-card-setting{border-bottom-color:transparent}.card-setting__copy.sc-ds-card-setting{align-items:center;position:relative}ds-text.card-setting__title.sc-ds-card-setting{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.card-setting__actions.sc-ds-card-setting{flex-shrink:0;position:relative}.card-setting--loading.sc-ds-card-setting-h .card-setting__title.sc-ds-card-setting{visibility:hidden}.card-setting__heading-skeleton.sc-ds-card-setting{position:absolute;inset-inline-start:var(--dimension-space-100)}.card-setting__panel.sc-ds-card-setting{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;box-sizing:border-box;background-color:var(--color-background-primary);border-radius:0 0 var(--ds-radius-card) var(--ds-radius-card)}.card-setting--editing.sc-ds-card-setting-h .card-setting__panel.sc-ds-card-setting{border-radius:var(--ds-radius-card)}.card-setting__banner.sc-ds-card-setting{flex:0 0 auto;min-width:0}.card-setting__banner--empty.sc-ds-card-setting{display:none}.card-setting__body.sc-ds-card-setting{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;box-sizing:border-box;padding-block:var(--dimension-space-100)}@media (forced-colors: active){.sc-ds-card-setting-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.sc-ds-card-setting-h::after{box-shadow:none}}`;const p={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const f={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const u="var(--color-foreground-faint-brand)";const v=s=>{if(s.nodeType===Node.ELEMENT_NODE){return s.tagName!=="SLOT"}return s.nodeType===Node.TEXT_NODE&&Boolean(s.textContent?.trim())};const _=s=>s.nodeType===Node.ELEMENT_NODE?s.getAttribute("slot"):null;const x=s=>v(s)&&!_(s);const y=s=>v(s)&&_(s)==="banner";const k=s=>Boolean(s?.assignedNodes({flatten:true}).some(v));const w=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsAction=t(this,"dsAction",7);this.cardWidth="md";this.variant="editable";this.editing=false;this.isLoading=false;this.editLabel="Edit";this.cancelLabel="Cancel";this.saveLabel="Save";this.hasBannerContent=false;this.hasBodyContent=false;this.syncBannerContent=s=>{const e=this.readSlotContent(s,":scope > .card-setting__panel > .card-setting__banner > slot",":scope > .card-setting__panel > .card-setting__banner");if(e!==this.hasBannerContent)this.hasBannerContent=e};this.syncBodyContent=s=>{const e=this.readSlotContent(s,":scope > .card-setting__panel > .card-setting__body > slot",":scope > .card-setting__panel > .card-setting__body");if(e!==this.hasBodyContent)this.hasBodyContent=e}}componentWillLoad(){const s=Array.from(this.el.childNodes);this.hasBannerContent=s.some(y);this.hasBodyContent=s.some(x)}componentDidLoad(){this.syncBannerContent();this.syncBodyContent()}emitAction(s,e){this.dsAction.emit({action:s,originalEvent:e})}readSlotContent(s,e,t){const i=s?.target instanceof HTMLSlotElement?s.target:this.el.querySelector(e);if(k(i))return true;const d=this.el.querySelector(t);return Array.from(d?.childNodes??[]).some(v)}get hugContent(){return this.variant==="immediate"||this.hasBannerContent||this.hasBodyContent}render(){const s=this.variant==="editable"&&this.editing;return i(d,{key:"1fca8fb43cc1dfe486a1ce798feb2e12fde21fb7","aria-busy":this.isLoading?"true":undefined,class:{"card-setting":true,"card-setting--loading":this.isLoading,"card-setting--editing":s,"card-setting--immediate":this.variant==="immediate","card-setting--empty":!this.hugContent},style:{"--_card-setting-width":p[this.cardWidth],"--_card-setting-min-height":this.hugContent?"0":f[this.cardWidth]}},i("header",{key:"ede74b46bb2061241c73acae6448ccbda39bae0f",class:"card-setting__header ds-chrome-header"},i("div",{key:"fc1e00483c72ed0564492781dce6652ebf46e7e5",class:"card-setting__copy ds-chrome-header__copy ds-control--md"},i("ds-text",{key:"b0fcebd06b1e0e8427333a7bca7a6eceacd85555",class:"card-setting__title ds-chrome-header__heading",variant:"text-title-small",emphasis:true,color:s?u:"primary",as:"h2"},this.heading),this.isLoading&&i("ds-skeleton",{key:"198a873c2657bddcf215f94b9f468e05a8bd2982",class:"card-setting__heading-skeleton",width:"min(60%, calc(var(--dimension-size-800) * 2))",textVariant:"text-title-small"})),this.variant==="editable"&&i("div",{key:"08cd095494e82213544135f5f72f1c39edb9857f",class:"card-setting__actions ds-chrome-header__trailing",inert:this.isLoading},!s?i("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,variant:"control",controlAppearance:"outlined",controlContent:"icon"},i("ds-button-unfilled",{variant:"icon",type:"button",icon:"Pencil","aria-label":this.editLabel,onDsClick:s=>this.emitAction("edit",s.detail)})):[i("ds-skeleton",{key:"cancel",preserveLayout:true,isLoading:this.isLoading,variant:"control",controlAppearance:"outlined",controlContent:"icon",background:"bold"},i("ds-button-unfilled",{variant:"icon",type:"button",icon:"Cross",background:"bold","aria-label":this.cancelLabel,onDsClick:s=>this.emitAction("cancel",s.detail)})),i("ds-skeleton",{key:"save",preserveLayout:true,isLoading:this.isLoading,variant:"control"},i("ds-button-filled",{variant:"icon",type:"button",icon:"Check",intent:"brand",contrast:"faint","aria-label":this.saveLabel,onDsClick:s=>this.emitAction("save",s.detail)}))])),i("div",{key:"db11762c0fd2596c68d09aa2d35747bbc014af34",class:"card-setting__panel"},i("div",{key:"0070ad4349ed6989835ce7c32b8540030550f305",class:{"card-setting__banner":true,"card-setting__banner--empty":!this.hasBannerContent}},i("slot",{key:"4cece08eb15ac16593a06874028a60986faf9502",name:"banner",onSlotchange:this.syncBannerContent})),i("div",{key:"510e947b0e43feef501f4e8a9254c88c2a115faa",class:"card-setting__body"},i("slot",{key:"dac599748ae743102d61022890d86cc7c27251cf",onSlotchange:this.syncBodyContent}))))}get el(){return this}static get style(){return b()}},[262,"ds-card-setting",{heading:[1],cardWidth:[1,"card-width"],variant:[1],editing:[4],isLoading:[4,"is-loading"],editLabel:[1,"edit-label"],cancelLabel:[1,"cancel-label"],saveLabel:[1,"save-label"],hasBannerContent:[32],hasBodyContent:[32]}]);function E(){if(typeof customElements==="undefined"){return}const s=["ds-card-setting","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-skeleton","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-card-setting":if(!customElements.get(n(s))){customElements.define(n(s),w)}break;case"ds-badge":if(!customElements.get(n(s))){a()}break;case"ds-button-filled":if(!customElements.get(n(s))){r()}break;case"ds-button-unfilled":if(!customElements.get(n(s))){o()}break;case"ds-icon":if(!customElements.get(n(s))){c()}break;case"ds-loader":if(!customElements.get(n(s))){l()}break;case"ds-skeleton":if(!customElements.get(n(s))){g()}break;case"ds-text":if(!customElements.get(n(s))){h()}break;case"ds-tooltip":if(!customElements.get(n(s))){m()}break}}))}E();const z=w;const C=E;export{z as DsCardSetting,C as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-card-setting.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,c as o,h as t,a as i,t as r}from"./index.js";import{d}from"./p-BoFK9lmP.js";import{d as c}from"./p-DMPn_dt7.js";const n=()=>`.sc-ds-card-settings-scope:where(.ds-text-decoration,.ds-text-action).sc-ds-card-settings-scope{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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-card-settings-scope{text-decoration-line:underline;text-decoration-color:currentcolor}}@media (forced-colors: active){.sc-ds-card-settings-scope:root,.sc-ds-card-settings-scope-h,.ds-forced-colors-scope.sc-ds-card-settings-scope{--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-card-settings-scope-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-card-settings-scope-h,.ds-focus-ring.sc-ds-card-settings-scope,.ds-focus-ring-inset.sc-ds-card-settings-scope-h,.ds-focus-ring-inset.sc-ds-card-settings-scope{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-card-settings-scope-h:focus-visible,.ds-focus-ring.sc-ds-card-settings-scope: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-card-settings-scope-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-settings-scope{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-card-settings-scope-h:focus-visible,.ds-focus-ring-inset.sc-ds-card-settings-scope:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-card-settings-scope-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-card-settings-scope: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-card-settings-scope-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope::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-card-settings-scope-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-card-settings-scope-h,.sc-ds-card-settings-scope:where(.ds-table),.sc-ds-card-settings-scope:where(.tooltip-popup),.sc-ds-card-settings-scope: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-elevation.sc-ds-card-settings-scope-h,.ds-control-elevation.sc-ds-card-settings-scope{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-card-settings-scope-h::after,.ds-control-elevation.sc-ds-card-settings-scope::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-card-settings-scope-h,.ds-control-elevation--sm.sc-ds-card-settings-scope{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-card-settings-scope-h,.ds-control-elevation--md.sc-ds-card-settings-scope{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-card-settings-scope-h,.ds-control-elevation--floating.sc-ds-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-card-settings-scope,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-card-settings-scope{scale:none;transition:none}}.sc-ds-card-settings-scope-h{display:block;min-width:0;width:var(--dimension-card-width-md);max-width:100%}.card-settings-scope.sc-ds-card-settings-scope{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--dimension-space-050);box-sizing:border-box;min-height:var(--dimension-size-600);padding:var(--dimension-space-100) var(--dimension-space-200);border-radius:var(--ds-radius-card);background:var(--color-background-primary);color:var(--color-foreground-primary)}.card-settings-scope__action.sc-ds-card-settings-scope{display:inline-flex;align-items:center;min-height:var(--dimension-size-400);max-width:100%;margin:0;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:pointer}.card-settings-scope.sc-ds-card-settings-scope>ds-skeleton.sc-ds-card-settings-scope{min-width:0;max-width:100%}.card-settings-scope__action.sc-ds-card-settings-scope ds-text.sc-ds-card-settings-scope{overflow-wrap:anywhere;text-align:start}@media (forced-colors: active){.card-settings-scope.sc-ds-card-settings-scope{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const a=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsScopeRequest=o(this,"dsScopeRequest",7);this.areaLabel="All settings";this.profileLabel="Organization";this.managingLabel="Managing";this.settingsLabel="";this.forLabel="for";this.scopeLabel="Settings scope";this.areaExpanded=false;this.profileExpanded=false;this.profilePopup="menu";this.isLoading=false}request(s,e){if(this.isLoading)return;this.dsScopeRequest.emit({scope:s,anchor:e.currentTarget,originalEvent:e})}render(){return t(i,{key:"5a04211c2fce63a6f2e6896483024b1ba3437750","aria-busy":this.isLoading?"true":undefined},t("div",{key:"cba25077c2bdef952de39e8d6b1d2fedfa7a04ec",class:"card-settings-scope ds-control-elevation ds-control-elevation--sm",role:"region","aria-label":this.scopeLabel},t("ds-skeleton",{key:"a188a7520a2274881d6f3c0c0cbf3b812c35d0f9",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"8b0820b1ea31ba8b2078c487f7e01cc384d6b075",as:"span",variant:"text-body-medium",color:"primary"},this.managingLabel)),t("ds-skeleton",{key:"8d6321b6728854d4065ac0afe911980779abb3bd",preserveLayout:true,isLoading:this.isLoading},t("button",{key:"1bb94eedbe02a7224e66d33a29305c10ed0dd07a",type:"button",class:"card-settings-scope__action ds-text-action ds-focus-ring","aria-haspopup":"menu","aria-controls":this.areaControls,"aria-expanded":String(this.areaExpanded),onClick:s=>this.request("area",s)},t("ds-text",{key:"14b4ebfbeb2ccec81a37d00c717f31c0d455fa1f",as:"span",variant:"text-body-medium",color:"inherit"},this.areaLabel))),this.settingsLabel.trim()?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading},t("ds-text",{as:"span",variant:"text-body-medium",color:"primary"},this.settingsLabel)):null,t("ds-skeleton",{key:"b622be7b6ded5ab5f0733fe38430ee017b4e18a8",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"fe1b3f1ba582dd50c9321e4ff44b0ab478b58aaa",as:"span",variant:"text-body-medium",color:"primary"},this.forLabel)),t("ds-skeleton",{key:"3c6ae30eade5e5883800bb6c89f7ac8d4eaea4a4",preserveLayout:true,isLoading:this.isLoading},t("button",{key:"c14c829632d66f7477b2b22f8e62b81ac12fa344",type:"button",class:"card-settings-scope__action ds-text-action ds-focus-ring","aria-haspopup":this.profilePopup,"aria-controls":this.profileControls,"aria-expanded":String(this.profileExpanded),onClick:s=>this.request("profile",s)},t("ds-text",{key:"7ef3b7c546b36f2501a225150b37feb5fa9ccae6",as:"span",variant:"text-body-medium",color:"inherit"},this.profileLabel)))))}static get style(){return n()}},[2,"ds-card-settings-scope",{areaLabel:[1,"area-label"],profileLabel:[1,"profile-label"],managingLabel:[1,"managing-label"],settingsLabel:[1,"settings-label"],forLabel:[1,"for-label"],scopeLabel:[1,"scope-label"],areaControls:[1,"area-controls"],profileControls:[1,"profile-controls"],areaExpanded:[4,"area-expanded"],profileExpanded:[4,"profile-expanded"],profilePopup:[1,"profile-popup"],isLoading:[4,"is-loading"]}]);function l(){if(typeof customElements==="undefined"){return}const s=["ds-card-settings-scope","ds-skeleton","ds-text"];s.forEach((s=>{switch(s){case"ds-card-settings-scope":if(!customElements.get(r(s))){customElements.define(r(s),a)}break;case"ds-skeleton":if(!customElements.get(r(s))){d()}break;case"ds-text":if(!customElements.get(r(s))){c()}break}}))}l();const g=a;const f=l;export{g as DsCardSettingsScope,f as defineCustomElement};
|
|
1
|
+
import{p as s,H as e,c as o,h as t,a as i,t as r}from"./index.js";import{d}from"./p-DcvPY30Q.js";import{d as n}from"./p-DMPn_dt7.js";const c=()=>`.sc-ds-card-settings-scope:where(.ds-text-decoration,.ds-text-action).sc-ds-card-settings-scope{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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-card-settings-scope{text-decoration-line:underline;text-decoration-color:currentcolor}}@media (forced-colors: active){.sc-ds-card-settings-scope:root,.sc-ds-card-settings-scope-h,.ds-forced-colors-scope.sc-ds-card-settings-scope{--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-card-settings-scope-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-card-settings-scope-h,.ds-focus-ring.sc-ds-card-settings-scope,.ds-focus-ring-inset.sc-ds-card-settings-scope-h,.ds-focus-ring-inset.sc-ds-card-settings-scope{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-card-settings-scope-h:focus-visible,.ds-focus-ring.sc-ds-card-settings-scope: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-card-settings-scope-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-settings-scope{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-card-settings-scope-h:focus-visible,.ds-focus-ring-inset.sc-ds-card-settings-scope:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-card-settings-scope-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-card-settings-scope: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-card-settings-scope-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-settings-scope::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-card-settings-scope-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-card-settings-scope-h,.sc-ds-card-settings-scope:where(.ds-table),.sc-ds-card-settings-scope:where(.tooltip-popup),.sc-ds-card-settings-scope: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-elevation.sc-ds-card-settings-scope-h,.ds-control-elevation.sc-ds-card-settings-scope{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-card-settings-scope-h::after,.ds-control-elevation.sc-ds-card-settings-scope::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-card-settings-scope-h,.ds-control-elevation--sm.sc-ds-card-settings-scope{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-card-settings-scope-h,.ds-control-elevation--md.sc-ds-card-settings-scope{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-card-settings-scope-h,.ds-control-elevation--floating.sc-ds-card-settings-scope{--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-card-settings-scope{--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-card-settings-scope{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-card-settings-scope,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-card-settings-scope{scale:none;transition:none}}.sc-ds-card-settings-scope-h{display:block;min-width:0;width:var(--dimension-card-width-md);max-width:100%}.card-settings-scope.sc-ds-card-settings-scope{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--dimension-space-050);box-sizing:border-box;min-height:var(--dimension-size-600);padding:var(--dimension-space-100) var(--dimension-space-200);border-radius:var(--ds-radius-card);background:var(--color-background-primary);color:var(--color-foreground-primary)}.card-settings-scope__action.sc-ds-card-settings-scope{display:inline-flex;align-items:center;min-height:var(--dimension-size-400);min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:pointer}.card-settings-scope.sc-ds-card-settings-scope ds-skeleton.sc-ds-card-settings-scope{min-width:0;max-width:100%}.card-settings-scope__action.sc-ds-card-settings-scope ds-text.sc-ds-card-settings-scope{overflow-wrap:anywhere;text-align:start}@media (forced-colors: active){.card-settings-scope.sc-ds-card-settings-scope{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const a=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsScopeRequest=o(this,"dsScopeRequest",7);this.areaLabel="All settings";this.profileLabel="Organization";this.managingLabel="Managing";this.settingsLabel="";this.forLabel="for";this.scopeLabel="Settings scope";this.areaExpanded=false;this.profileExpanded=false;this.profilePopup="menu";this.isLoading=false}request(s,e){if(this.isLoading)return;this.dsScopeRequest.emit({scope:s,anchor:e.currentTarget,originalEvent:e})}render(){return t(i,{key:"d5645dcbaf16d0b54ec45e7251d6cc2b60706c0d","aria-busy":this.isLoading?"true":undefined,inert:this.isLoading},t("div",{key:"713995f944a897a4e0ec9368a5fa10bd47b9dab8",class:"card-settings-scope ds-control-elevation ds-control-elevation--sm",role:"region","aria-label":this.scopeLabel,"aria-hidden":this.isLoading?"true":undefined},t("ds-skeleton",{key:"ff1b4821b8d3833a618932a6e5a60216719573ab",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"7b0725d39523698686eafaa18ad0f274306f079c",as:"span",variant:"text-body-medium",color:"primary"},this.managingLabel)),t("button",{key:"890b952a740158b3002355832dce2eebbc6e3162",type:"button",class:"card-settings-scope__action ds-text-action ds-focus-ring","aria-haspopup":"menu","aria-controls":this.areaControls,"aria-expanded":String(this.areaExpanded),onClick:s=>this.request("area",s)},t("ds-skeleton",{key:"b1f597a85cb98c77b1acf6ffa94d6782ad20f276",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"178d26adeba0cc213ed6e32b090c9e0d69d0dbff",as:"span",variant:"text-body-medium",color:"inherit"},this.areaLabel))),this.settingsLabel.trim()?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading},t("ds-text",{as:"span",variant:"text-body-medium",color:"primary"},this.settingsLabel)):null,t("ds-skeleton",{key:"86d920cbda8ca9d61f91f12ea4cfbf8733b93812",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"531ec9736d9adddb058180276e15222cb793a546",as:"span",variant:"text-body-medium",color:"primary"},this.forLabel)),t("button",{key:"9c18f3501381fd39b17abe0e3d8ca07d74a42b32",type:"button",class:"card-settings-scope__action ds-text-action ds-focus-ring","aria-haspopup":this.profilePopup,"aria-controls":this.profileControls,"aria-expanded":String(this.profileExpanded),onClick:s=>this.request("profile",s)},t("ds-skeleton",{key:"c8e70e1a4669f525fc3f55c202cf970f6791ba2c",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{key:"67c3a564a3f6ce538eef4c460e97260a1e05c228",as:"span",variant:"text-body-medium",color:"inherit"},this.profileLabel)))))}static get style(){return c()}},[2,"ds-card-settings-scope",{areaLabel:[1,"area-label"],profileLabel:[1,"profile-label"],managingLabel:[1,"managing-label"],settingsLabel:[1,"settings-label"],forLabel:[1,"for-label"],scopeLabel:[1,"scope-label"],areaControls:[1,"area-controls"],profileControls:[1,"profile-controls"],areaExpanded:[4,"area-expanded"],profileExpanded:[4,"profile-expanded"],profilePopup:[1,"profile-popup"],isLoading:[4,"is-loading"]}]);function l(){if(typeof customElements==="undefined"){return}const s=["ds-card-settings-scope","ds-skeleton","ds-text"];s.forEach((s=>{switch(s){case"ds-card-settings-scope":if(!customElements.get(r(s))){customElements.define(r(s),a)}break;case"ds-skeleton":if(!customElements.get(r(s))){d()}break;case"ds-text":if(!customElements.get(r(s))){n()}break}}))}l();const g=a;const f=l;export{g as DsCardSettingsScope,f as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-card-settings-scope.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cardSettingsScopeCss","CardSettingsScope","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","areaLabel","profileLabel","managingLabel","settingsLabel","forLabel","scopeLabel","areaExpanded","profileExpanded","profilePopup","isLoading","request","scope","event","dsScopeRequest","emit","anchor","currentTarget","originalEvent","render","h","Host","key","undefined","class","role","preserveLayout","as","variant","color","type","areaControls","String","onClick","trim","profileControls"],"sources":["src/wc/components/CardSettingsScope/CardSettingsScope.css?tag=ds-card-settings-scope&encapsulation=scoped","src/wc/components/CardSettingsScope/CardSettingsScope.tsx"],"sourcesContent":["@import '../../utils/text-decoration.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/radius.css';\n@import '../../styles/control-elevation.css';\n\n:host {\n display: block;\n min-width: 0;\n width: var(--dimension-card-width-md);\n max-width: 100%;\n}\n\n.card-settings-scope {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0 var(--dimension-space-050);\n box-sizing: border-box;\n min-height: var(--dimension-size-600);\n padding: var(--dimension-space-100) var(--dimension-space-200);\n border-radius: var(--ds-radius-card);\n background: var(--color-background-primary);\n color: var(--color-foreground-primary);\n}\n\n.card-settings-scope__action {\n display: inline-flex;\n align-items: center;\n min-height: var(--dimension-size-400);\n max-width: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n cursor: pointer;\n}\n\n.card-settings-scope
|
|
1
|
+
{"version":3,"names":["cardSettingsScopeCss","CardSettingsScope","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","areaLabel","profileLabel","managingLabel","settingsLabel","forLabel","scopeLabel","areaExpanded","profileExpanded","profilePopup","isLoading","request","scope","event","dsScopeRequest","emit","anchor","currentTarget","originalEvent","render","h","Host","key","undefined","inert","class","role","preserveLayout","as","variant","color","type","areaControls","String","onClick","trim","profileControls"],"sources":["src/wc/components/CardSettingsScope/CardSettingsScope.css?tag=ds-card-settings-scope&encapsulation=scoped","src/wc/components/CardSettingsScope/CardSettingsScope.tsx"],"sourcesContent":["@import '../../utils/text-decoration.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/radius.css';\n@import '../../styles/control-elevation.css';\n\n:host {\n display: block;\n min-width: 0;\n width: var(--dimension-card-width-md);\n max-width: 100%;\n}\n\n.card-settings-scope {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0 var(--dimension-space-050);\n box-sizing: border-box;\n min-height: var(--dimension-size-600);\n padding: var(--dimension-space-100) var(--dimension-space-200);\n border-radius: var(--ds-radius-card);\n background: var(--color-background-primary);\n color: var(--color-foreground-primary);\n}\n\n.card-settings-scope__action {\n display: inline-flex;\n align-items: center;\n min-height: var(--dimension-size-400);\n min-width: 0;\n max-width: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: var(--dimension-radius-025);\n background: transparent;\n cursor: pointer;\n}\n\n.card-settings-scope ds-skeleton {\n min-width: 0;\n max-width: 100%;\n}\n\n.card-settings-scope__action ds-text {\n overflow-wrap: anywhere;\n text-align: start;\n}\n\n@media (forced-colors: active) {\n .card-settings-scope {\n outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport interface SettingsScopeRequest {\n scope: 'area' | 'profile';\n anchor: HTMLButtonElement;\n originalEvent: MouseEvent;\n}\n\n@Component({\n tag: 'ds-card-settings-scope',\n styleUrl: 'CardSettingsScope.css',\n scoped: true,\n})\nexport class CardSettingsScope {\n /** Current product area or complete combined-view label in the sentence trigger. */\n @Prop() areaLabel: string = 'All settings';\n /** Current organization or settings profile. */\n @Prop() profileLabel: string = 'Organization';\n /** Sentence prefix, supplied separately for localization. */\n @Prop() managingLabel: string = 'Managing';\n /** Optional sentence noun after an area-only trigger label, supplied separately for localization. */\n @Prop() settingsLabel: string = '';\n /** Sentence connector, supplied separately for localization. */\n @Prop() forLabel: string = 'for';\n /** Accessible name for this context region. */\n @Prop() scopeLabel: string = 'Settings scope';\n /** ID of the application-owned product-area menu. */\n @Prop() areaControls: string | undefined;\n /** ID of the application-owned profiles popup. */\n @Prop() profileControls: string | undefined;\n /** Whether the product-area menu is open. */\n @Prop() areaExpanded: boolean = false;\n /** Whether the profiles popup is open. */\n @Prop() profileExpanded: boolean = false;\n /** Empty informational profile popups use dialog semantics instead of a menu. */\n @Prop() profilePopup: 'menu' | 'dialog' = 'menu';\n /** Replace sentence fragments and controls with skeletons inside the same card. */\n @Prop() isLoading: boolean = false;\n\n /** Requests a popup; the owner supplies choices, open state, and selection. */\n @Event() dsScopeRequest!: EventEmitter<SettingsScopeRequest>;\n\n private request(scope: SettingsScopeRequest['scope'], event: MouseEvent) {\n if (this.isLoading) return;\n this.dsScopeRequest.emit({\n scope,\n anchor: event.currentTarget as HTMLButtonElement,\n originalEvent: event,\n });\n }\n\n render() {\n return (\n <Host aria-busy={this.isLoading ? 'true' : undefined} inert={this.isLoading}>\n <div\n class=\"card-settings-scope ds-control-elevation ds-control-elevation--sm\"\n role=\"region\"\n aria-label={this.scopeLabel}\n aria-hidden={this.isLoading ? 'true' : undefined}\n >\n <ds-skeleton preserveLayout={true} isLoading={this.isLoading}>\n <ds-text as=\"span\" variant=\"text-body-medium\" color=\"primary\">\n {this.managingLabel}\n </ds-text>\n </ds-skeleton>\n <button\n type=\"button\"\n class=\"card-settings-scope__action ds-text-action ds-focus-ring\"\n aria-haspopup=\"menu\"\n aria-controls={this.areaControls}\n aria-expanded={String(this.areaExpanded)}\n onClick={event => this.request('area', event)}\n >\n <ds-skeleton preserveLayout={true} isLoading={this.isLoading}>\n <ds-text as=\"span\" variant=\"text-body-medium\" color=\"inherit\">\n {this.areaLabel}\n </ds-text>\n </ds-skeleton>\n </button>\n {this.settingsLabel.trim() ? (\n <ds-skeleton preserveLayout={true} isLoading={this.isLoading}>\n <ds-text as=\"span\" variant=\"text-body-medium\" color=\"primary\">\n {this.settingsLabel}\n </ds-text>\n </ds-skeleton>\n ) : null}\n <ds-skeleton preserveLayout={true} isLoading={this.isLoading}>\n <ds-text as=\"span\" variant=\"text-body-medium\" color=\"primary\">\n {this.forLabel}\n </ds-text>\n </ds-skeleton>\n <button\n type=\"button\"\n class=\"card-settings-scope__action ds-text-action ds-focus-ring\"\n aria-haspopup={this.profilePopup}\n aria-controls={this.profileControls}\n aria-expanded={String(this.profileExpanded)}\n onClick={event => this.request('profile', event)}\n >\n <ds-skeleton preserveLayout={true} isLoading={this.isLoading}>\n <ds-text as=\"span\" variant=\"text-body-medium\" color=\"inherit\">\n {this.profileLabel}\n </ds-text>\n </ds-skeleton>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qIAAA,MAAMA,EAAuB,IAAM,ijO,MCatBC,EAAiBC,EAAA,MAAAD,UAAAE,EAL9B,WAAAC,CAAAC,G,2FAOUC,KAAAC,UAAoB,eAEpBD,KAAAE,aAAuB,eAEvBF,KAAAG,cAAwB,WAExBH,KAAAI,cAAwB,GAExBJ,KAAAK,SAAmB,MAEnBL,KAAAM,WAAqB,iBAMrBN,KAAAO,aAAwB,MAExBP,KAAAQ,gBAA2B,MAE3BR,KAAAS,aAAkC,OAElCT,KAAAU,UAAqB,KAwE9B,CAnES,OAAAC,CAAQC,EAAsCC,GACpD,GAAIb,KAAKU,UAAW,OACpBV,KAAKc,eAAeC,KAAK,CACvBH,QACAI,OAAQH,EAAMI,cACdC,cAAeL,G,CAInB,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,uDAAYtB,KAAKU,UAAY,OAASa,UAAWC,MAAOxB,KAAKU,WAChEU,EAAA,OAAAE,IAAA,2CACEG,MAAM,oEACNC,KAAK,SAAQ,aACD1B,KAAKM,WAAU,cACdN,KAAKU,UAAY,OAASa,WAEvCH,EAAA,eAAAE,IAAA,2CAAaK,eAAgB,KAAMjB,UAAWV,KAAKU,WACjDU,EAAA,WAAAE,IAAA,2CAASM,GAAG,OAAOC,QAAQ,mBAAmBC,MAAM,WACjD9B,KAAKG,gBAGViB,EAAA,UAAAE,IAAA,2CACES,KAAK,SACLN,MAAM,2DAA0D,gBAClD,OAAM,gBACLzB,KAAKgC,aAAY,gBACjBC,OAAOjC,KAAKO,cAC3B2B,QAASrB,GAASb,KAAKW,QAAQ,OAAQE,IAEvCO,EAAA,eAAAE,IAAA,2CAAaK,eAAgB,KAAMjB,UAAWV,KAAKU,WACjDU,EAAA,WAAAE,IAAA,2CAASM,GAAG,OAAOC,QAAQ,mBAAmBC,MAAM,WACjD9B,KAAKC,aAIXD,KAAKI,cAAc+B,OAClBf,EAAA,eAAaO,eAAgB,KAAMjB,UAAWV,KAAKU,WACjDU,EAAA,WAASQ,GAAG,OAAOC,QAAQ,mBAAmBC,MAAM,WACjD9B,KAAKI,gBAGR,KACJgB,EAAA,eAAAE,IAAA,2CAAaK,eAAgB,KAAMjB,UAAWV,KAAKU,WACjDU,EAAA,WAAAE,IAAA,2CAASM,GAAG,OAAOC,QAAQ,mBAAmBC,MAAM,WACjD9B,KAAKK,WAGVe,EAAA,UAAAE,IAAA,2CACES,KAAK,SACLN,MAAM,2DAA0D,gBACjDzB,KAAKS,aAAY,gBACjBT,KAAKoC,gBAAe,gBACpBH,OAAOjC,KAAKQ,iBAC3B0B,QAASrB,GAASb,KAAKW,QAAQ,UAAWE,IAE1CO,EAAA,eAAAE,IAAA,2CAAaK,eAAgB,KAAMjB,UAAWV,KAAKU,WACjDU,EAAA,WAAAE,IAAA,2CAASM,GAAG,OAAOC,QAAQ,mBAAmBC,MAAM,WACjD9B,KAAKE,iB","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d}from"./p-8fddX3V3.js";import{d as o}from"./p-DFR9hqDU.js";import{d as l}from"./p-WEffoQQD.js";import{d as r}from"./p-BYo1-6b5.js";import{d as h}from"./p-BcYzHn1E.js";import{d as m}from"./p-G6r6yYg8.js";import{d as c}from"./p-3dG9v5Aw.js";import{d as f}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d}from"./p-8fddX3V3.js";import{d as o}from"./p-DFR9hqDU.js";import{d as l}from"./p-WEffoQQD.js";import{d as r}from"./p-BYo1-6b5.js";import{d as h}from"./p-BcYzHn1E.js";import{d as m}from"./p-G6r6yYg8.js";import{d as c}from"./p-3dG9v5Aw.js";import{d as f}from"./p-D538svhW.js";import{d as u}from"./p-BVsVUnAw.js";import{d as b}from"./p-BZbJkJpG.js";import{d as p}from"./p-0XTyQNRG.js";import{d as v}from"./p-BpPHCF63.js";import{d as w}from"./p-Cfqvxxs2.js";import{d as k}from"./p-BV8sNEVP.js";import{d as g}from"./p-DcvPY30Q.js";import{d as E}from"./p-Nx52go85.js";import{d as D}from"./p-KTaiJztz.js";import{d as V}from"./p-B-ChwMFE.js";import{d as j}from"./p-DMPn_dt7.js";import{d as y}from"./p-BMI0F08u.js";const x=()=>`.sc-ds-data-saved-views-h{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs);display:inline-block;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-select.sc-ds-data-saved-views{display:block;min-inline-size:0;max-inline-size:100%}`;let C=0;const A=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsViewChange=t(this,"dsViewChange",7);this.dsViewCreate=t(this,"dsViewCreate",7);this.dsViewRename=t(this,"dsViewRename",7);this.dsViewRemove=t(this,"dsViewRemove",7);this.dsViewSave=t(this,"dsViewSave",7);this.dsViewDiscard=t(this,"dsViewDiscard",7);this.hasBorder=true;this.views=[];this.value="__default__";this.dirty=false;this.defaultViewId="__default__";this.defaultViewLabel="Default";this.label="Saved views";this.triggerLabel="Views";this.compact=false;this.createLabel="New view";this.actionViewId=null;this.actionMenuOpen=false;this.actionMenuInitialFocusVisible=false;this.dialogOpen=false;this.dialogMode="create";this.dialogViewId=null;this.nameDraft="";this.nameError="";this.componentId=`ds-data-saved-views-${++C}`;this.selectId=`${this.componentId}-select`;this.actionMenuId=`${this.componentId}-actions`;this.fieldId=`${this.componentId}-name-field`;this.inputId=`${this.componentId}-name-input`;this.actionItems=[{label:"Rename",value:"rename"},{label:"Remove",value:"remove",isDestructive:true}]}get selectedCustomView(){return this.views.find((e=>e.id===this.value))}get dialogView(){return this.views.find((e=>e.id===this.dialogViewId))}get sections(){const e=this.views.map((e=>({label:e.label,value:e.id,subtextActions:this.dirty&&e.id===this.selectedCustomView?.id?[{label:"Save",value:"save"},{label:"Discard",value:"discard",tone:"negative"}]:undefined,action:{label:`Options for ${e.label}`,controls:this.actionMenuId,expanded:this.actionViewId===e.id&&this.actionMenuOpen,surfaceOpen:this.actionViewId===e.id}})));const s={header:"Templates",options:[{label:this.defaultViewLabel,value:this.defaultViewId}],divider:e.length>0};return e.length>0?[s,{header:"Custom",options:e}]:[s]}handleViewChange(e){if(typeof e==="string")this.dsViewChange.emit({viewId:e})}handleSubtextAction(e){const s=this.selectedCustomView;if(!s||!this.dirty||e.value!==s.id)return;if(e.actionValue==="save")this.dsViewSave.emit({viewId:s.id});if(e.actionValue==="discard")this.dsViewDiscard.emit({viewId:s.id})}handleOptionAction(e){if(!this.views.some((s=>s.id===e.value)))return;this.actionMenuInitialFocusVisible=e.originalEvent.detail===0;if(this.actionViewId===e.value&&this.actionMenuOpen){this.actionMenuOpen=false;return}this.actionViewId=e.value;this.actionAnchorId=e.anchorId;this.actionMenuOpen=true}handleActionSelect(e){const s=this.actionViewId;this.actionMenuOpen=false;if(!s)return;if(e.detail.value==="rename")this.openDialog("rename",s);if(e.detail.value==="remove")this.dsViewRemove.emit({viewId:s})}openDialog(e,s=null){const t=e==="rename"?this.views.find((e=>e.id===s)):undefined;if(e==="rename"&&!t)return;this.dialogMode=e;this.dialogViewId=t?.id??null;this.nameDraft=t?.label??"";this.nameError="";this.dialogOpen=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{const e=this.el.querySelector(`#${this.inputId}`);void e?.setFocus?.()}))}))}validateName(){const e=this.nameDraft.trim();if(!e)return"View name is required.";const s=this.views.some((s=>s.id!==this.dialogViewId&&s.label.trim().toLocaleLowerCase()===e.toLocaleLowerCase()));if(s||this.defaultViewLabel.trim().toLocaleLowerCase()===e.toLocaleLowerCase()){return"A view with this name already exists."}return""}submitDialog(){const e=this.validateName();if(e){this.nameError=e;return}const s=this.nameDraft.trim();if(this.dialogMode==="rename"&&this.dialogView){this.dsViewRename.emit({viewId:this.dialogView.id,name:s})}else{this.dsViewCreate.emit({name:s})}this.dialogOpen=false}finishDialogClose(){if(this.dialogOpen)return;this.dialogViewId=null;this.nameDraft="";this.nameError="";const e=this.el.querySelector(`#${this.selectId}`);void e?.setFocus?.()}render(){return i(a,{key:"b5c8a0009c1b7ad532eb6a1c79762a2bb781a28b"},i("ds-select",{key:"e0418d267b6ba97d6b89e117b81e71db337a9c95",neutralTrigger:true,hasBorder:this.hasBorder,id:this.selectId,size:"md",icon:"ViewMenu",indicator:"none",collapseLabel:true,iconOnly:this.compact,width:"fill",placeholder:this.label,"aria-label":this.label,sections:this.sections,value:this.value,triggerLabel:this.selectedCustomView?undefined:this.triggerLabel,triggerLabelPlaceholder:!this.selectedCustomView,dot:this.dirty&&Boolean(this.selectedCustomView),footerActionLabel:this.createLabel,activeFill:false,allowClear:false,onDsChange:e=>this.handleViewChange(e.detail),onDsFooterAction:()=>this.openDialog("create"),onDsOptionSubtextAction:e=>this.handleSubtextAction(e.detail),onDsOptionAction:e=>this.handleOptionAction(e.detail)}),i("ds-menu",{key:"652bd45f609f4c10fd13421f59f176a9986d6bd6",id:this.actionMenuId,anchorId:this.actionAnchorId,menuLabel:"Saved view options",side:"bottom",align:"end",menuWidth:"max-content",minWidth:"0",items:this.actionItems,open:this.actionMenuOpen,initialFocusVisible:this.actionMenuInitialFocusVisible,onDsClose:()=>this.actionMenuOpen=false,onDsAfterClose:()=>{if(this.actionMenuOpen)return;this.actionViewId=null;this.actionAnchorId=undefined},onDsSelect:e=>this.handleActionSelect(e)}),i("ds-modal",{key:"f4b985e1ab406ea4057e3099eba034e024249208",open:this.dialogOpen,heading:this.dialogMode==="rename"?"Rename view":"Save as new view",modalWidth:"sm",onDsClose:()=>this.dialogOpen=false,onDsAfterClose:()=>this.finishDialogClose()},i("ds-field",{key:"1338e154d85bd29a95540608e06896647aff4670",fieldId:this.fieldId,error:this.nameError.length>0,errorMessage:this.nameError},i("ds-input",{key:"2f48de3aab3cdeda7e203ebe6f8a0ca73d5bba54",id:this.inputId,size:"md","aria-label":"Name",placeholder:"Enter a unique name",value:this.nameDraft,autoFocus:true,onDsChange:e=>{this.nameDraft=e.detail;if(this.nameError)this.nameError=""},onKeyDown:e=>{if(e.key==="Enter")this.submitDialog()}})),i("ds-button-filled",{key:"82d2273b469bdda6e85f3feb16b2bb0a45f9a2ba",slot:"footer",label:this.dialogMode==="rename"?"Rename":"Save",size:"md",onDsClick:()=>this.submitDialog()}),i("ds-button-unfilled",{key:"e94e9a973d411f1698f1e9234221e0a336a2ff1c",slot:"footer",label:"Cancel",size:"md",onDsClick:()=>this.dialogOpen=false})))}get el(){return this}static get style(){return x()}},[2,"ds-data-saved-views",{hasBorder:[4,"has-border"],views:[16],value:[1],dirty:[4],defaultViewId:[1,"default-view-id"],defaultViewLabel:[1,"default-view-label"],label:[1],triggerLabel:[1,"trigger-label"],compact:[4],createLabel:[1,"create-label"],actionViewId:[32],actionAnchorId:[32],actionMenuOpen:[32],actionMenuInitialFocusVisible:[32],dialogOpen:[32],dialogMode:[32],dialogViewId:[32],nameDraft:[32],nameError:[32]}]);function I(){if(typeof customElements==="undefined"){return}const e=["ds-data-saved-views","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-chip","ds-divider","ds-empty-state","ds-field","ds-icon","ds-input","ds-loader","ds-menu","ds-modal","ds-select","ds-skeleton","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-saved-views":if(!customElements.get(n(e))){customElements.define(n(e),A)}break;case"ds-badge":if(!customElements.get(n(e))){d()}break;case"ds-button-filled":if(!customElements.get(n(e))){o()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){l()}break;case"ds-checkbox":if(!customElements.get(n(e))){r()}break;case"ds-chip":if(!customElements.get(n(e))){h()}break;case"ds-divider":if(!customElements.get(n(e))){m()}break;case"ds-empty-state":if(!customElements.get(n(e))){c()}break;case"ds-field":if(!customElements.get(n(e))){f()}break;case"ds-icon":if(!customElements.get(n(e))){u()}break;case"ds-input":if(!customElements.get(n(e))){b()}break;case"ds-loader":if(!customElements.get(n(e))){p()}break;case"ds-menu":if(!customElements.get(n(e))){v()}break;case"ds-modal":if(!customElements.get(n(e))){w()}break;case"ds-select":if(!customElements.get(n(e))){k()}break;case"ds-skeleton":if(!customElements.get(n(e))){g()}break;case"ds-swatch-picker":if(!customElements.get(n(e))){E()}break;case"ds-switch":if(!customElements.get(n(e))){D()}break;case"ds-tag":if(!customElements.get(n(e))){V()}break;case"ds-text":if(!customElements.get(n(e))){j()}break;case"ds-tooltip":if(!customElements.get(n(e))){y()}break}}))}I();const z=A;const B=I;export{z as DsDataSavedViews,B as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-data-saved-views.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{F as s,d as o}from"./p-
|
|
1
|
+
import{F as s,d as o}from"./p-D538svhW.js";const t=s;const p=o;export{t as DsField,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-field.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as n,h as s,a as t,t as i}from"./index.js";import{d as o}from"./p-
|
|
1
|
+
import{p as e,H as n,h as s,a as t,t as i}from"./index.js";import{d as o}from"./p-DcvPY30Q.js";import{d as r}from"./p-DMPn_dt7.js";const d=()=>`@media (forced-colors: active){.sc-ds-inline-banner-settings:root,.sc-ds-inline-banner-settings-h,.ds-forced-colors-scope.sc-ds-inline-banner-settings{--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-inline-banner-settings-h{display:block;box-sizing:border-box;min-width:0;padding:var(--dimension-space-100);border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.inline-banner-settings__content.sc-ds-inline-banner-settings{padding-block:var(--dimension-space-050);padding-inline:var(--dimension-space-075)}ds-text.inline-banner-settings__description.sc-ds-inline-banner-settings{overflow-wrap:anywhere;padding-inline:var(--dimension-space-025)}@media (forced-colors: active){.sc-ds-inline-banner-settings-h{border-block-end-color:var(--ds-forced-color-content)}}`;const a=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.isLoading=false}render(){return s(t,{key:"10d121c14edaa826ea7934516f386927e5a4981f","aria-busy":this.isLoading?"true":undefined},s("div",{key:"96a32357e38626739a54f52bf362dd6a408ba8a6",class:"inline-banner-settings__content"},s("ds-skeleton",{key:"aebd6b27f9afb36e053fec8c17ece86c790981a4",preserveLayout:true,isLoading:this.isLoading,textVariant:"text-body-small"},s("ds-text",{key:"70ec6e8986f098e31b16d18c24cbf9c113ec0adf",class:"inline-banner-settings__description",as:"p",variant:"text-body-small",color:"secondary"},this.description))))}static get style(){return d()}},[2,"ds-inline-banner-settings",{description:[1],isLoading:[4,"is-loading"]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-inline-banner-settings","ds-skeleton","ds-text"];e.forEach((e=>{switch(e){case"ds-inline-banner-settings":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"ds-skeleton":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){r()}break}}))}c();const l=a;const b=c;export{l as DsInlineBannerSettings,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-inline-banner-settings.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as o,d as s}from"./p-
|
|
1
|
+
import{P as o,d as s}from"./p-BhbniDw4.js";const t=o;const n=s;export{t as DsPagination,n as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-pagination.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{R as
|
|
1
|
+
import{R as o,d as s}from"./p-CGtq7TnC.js";const t=o;const n=s;export{t as DsRadio,n as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-radio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-P2-eHQJU.js";const t=o;const p=s;export{t as DsScore,p as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-score.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as i,h as t,a as e,t as o}from"./index.js";import{d}from"./p-
|
|
1
|
+
import{p as s,H as i,h as t,a as e,t as o}from"./index.js";import{d}from"./p-DcvPY30Q.js";import{d as n}from"./p-DMPn_dt7.js";import{C as a,a as r}from"./p-CuwopElg.js";const c=()=>`.sc-ds-setting-row-radio-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-radio-h{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;padding-block:0}.sc-ds-setting-row-radio-h.sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h .sc-ds-setting-row-radio-s>ds-radio{min-width:0;width:100%}.sc-ds-setting-row-radio-h[presentation='view'].sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h[presentation='view'] .sc-ds-setting-row-radio-s>ds-radio{display:none !important}[presentation='edit'].sc-ds-setting-row-radio-h .setting-row-radio__choice.sc-ds-setting-row-radio{display:none}ds-text.setting-row-radio__heading.sc-ds-setting-row-radio{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-size-400);min-width:0;padding:0}.setting-row-radio__choice.sc-ds-setting-row-radio{display:grid;gap:var(--dimension-space-025);min-width:0;padding-block:var(--dimension-space-075)}`;let l=0;const g=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.presentation="edit";this.isLoading=false;this.headingId=`ds-setting-row-radio-heading-${++l}`;this.syncSlottedRadio=()=>{for(const s of this.el.querySelectorAll("ds-radio")){s.groupLabel="";if(this.label){s.ariaLabelledby=this.headingId;s.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedRadio()}componentDidLoad(){this.syncSlottedRadio()}render(){return t(e,{key:"1f40fd95e0d2d236e29790f393fedb2243797676","aria-busy":this.isLoading?"true":undefined},t("ds-skeleton",{key:"cfa2fd75a4cebd5262bac398660cb5d7459a2a26",preserveLayout:true,isLoading:this.isLoading,textVariant:a.md},t("ds-text",{key:"setting-row-radio-heading",class:"setting-row-radio__heading",as:"span",variant:a.md,emphasis:true,textId:this.label?this.headingId:undefined},this.label)),t("div",{key:"setting-row-radio-choice",class:"setting-row-radio__choice"},this.valueLabel?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:a.md},t("ds-text",{key:"setting-row-radio-value",as:"span",variant:a.md},this.valueLabel)):null,this.description?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:r.md},t("ds-text",{key:"setting-row-radio-description",as:"span",variant:r.md,color:"secondary"},this.description)):null),t("slot",{key:"4106a8c1c4c930133590902d7bf11b8a7c552517",onSlotchange:this.syncSlottedRadio}))}get el(){return this}static get style(){return c()}},[262,"ds-setting-row-radio",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1],isLoading:[4,"is-loading"]}]);function h(){if(typeof customElements==="undefined"){return}const s=["ds-setting-row-radio","ds-skeleton","ds-text"];s.forEach((s=>{switch(s){case"ds-setting-row-radio":if(!customElements.get(o(s))){customElements.define(o(s),g)}break;case"ds-skeleton":if(!customElements.get(o(s))){d()}break;case"ds-text":if(!customElements.get(o(s))){n()}break}}))}h();const p=g;const w=h;export{p as DsSettingRowRadio,w as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-setting-row-radio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,c as s,h as i,a as o,t as n}from"./index.js";import{d}from"./p-
|
|
1
|
+
import{p as e,H as t,c as s,h as i,a as o,t as n}from"./index.js";import{d}from"./p-DcvPY30Q.js";import{d as g}from"./p-KTaiJztz.js";import{d as a}from"./p-DMPn_dt7.js";import{a as r}from"./p-CuwopElg.js";const c=()=>`.sc-ds-setting-row-toggle-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-toggle-h{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:var(--dimension-space-200)}.setting-row-toggle__copy.sc-ds-setting-row-toggle{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}.setting-row-toggle__line.sc-ds-setting-row-toggle,.setting-row-toggle__control.sc-ds-setting-row-toggle{display:grid;min-width:0;align-items:center}.setting-row-toggle__line.sc-ds-setting-row-toggle>*.sc-ds-setting-row-toggle,.setting-row-toggle__control.sc-ds-setting-row-toggle>*.sc-ds-setting-row-toggle{grid-area:1 / 1}.setting-row-toggle--loading.sc-ds-setting-row-toggle-h ds-text.sc-ds-setting-row-toggle,.setting-row-toggle--loading.sc-ds-setting-row-toggle-h ds-switch.sc-ds-setting-row-toggle{visibility:hidden}.setting-row-toggle__control.sc-ds-setting-row-toggle>ds-skeleton.sc-ds-setting-row-toggle{height:100%}`;let l=0;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=s(this,"dsChange",7);this.checked=false;this.disabled=false;this.isLoading=false;this.variant="emphasis";this.rowId=`ds-setting-row-toggle-${++l}`;this.handleChange=e=>{e.stopPropagation();e.target.checked=this.checked;if(!this.isLoading)this.dsChange.emit(e.detail)}}render(){const e=Boolean(this.description?.trim());const t=this.variant==="non-emphasis"&&!e?"secondary":"primary";return i(o,{key:"ce3cae588ed5862800179c87b4bfbb5eeabb47b6","aria-busy":this.isLoading?"true":undefined,class:{"setting-row-toggle--loading":this.isLoading}},i("div",{key:"b3d917e8de87fabf45618c9ec1a246433287048e",class:"setting-row-toggle__copy"},i("div",{key:"988c65fda84caa50b7138614af19694f21a70fdc",class:"setting-row-toggle__line"},i("ds-text",{key:"73f7bcdee865043b1a0201bec7de6762ecec13a9",textId:`${this.rowId}-label`,variant:"text-body-medium",color:t,emphasis:this.variant==="emphasis"},this.label),this.isLoading&&i("ds-skeleton",{key:"844e3b87be6d9255e390de61b56bf17a57451814",width:"75%"})),e&&i("div",{key:"42c921352221100a1932e0696ed5bdf980e67ae8",class:"setting-row-toggle__line"},i("ds-text",{key:"7b9b26063de2e3b72810b1ae656dd5693342ed11",textId:`${this.rowId}-description`,variant:r.md,color:"secondary"},this.description),this.isLoading&&i("ds-skeleton",{key:"2f259fa03de058cc34a7f3c64f3d8ca29462a2bd",width:"95%",textVariant:r.md}))),i("div",{key:"b747936726fb4a8effecbab3e995cd46c158db88",class:"setting-row-toggle__control",inert:this.isLoading},i("ds-switch",{key:"92fd793e379fe0ed1d1e1c71875e3af8443a5484",checked:this.checked,disabled:this.disabled,"aria-labelledby":`${this.rowId}-label`,"aria-describedby":e?`${this.rowId}-description`:undefined,onDsChange:this.handleChange}),this.isLoading&&i("ds-skeleton",{key:"862d907bb3cd97f112a4591ea047804980fb9424",variant:"control",width:"100%",rounded:true})))}static get style(){return c()}},[2,"ds-setting-row-toggle",{label:[1],description:[1],checked:[4],disabled:[4],isLoading:[4,"is-loading"],variant:[1]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-setting-row-toggle","ds-skeleton","ds-switch","ds-text"];e.forEach((e=>{switch(e){case"ds-setting-row-toggle":if(!customElements.get(n(e))){customElements.define(n(e),h)}break;case"ds-skeleton":if(!customElements.get(n(e))){d()}break;case"ds-switch":if(!customElements.get(n(e))){g()}break;case"ds-text":if(!customElements.get(n(e))){a()}break}}))}b();const w=h;const f=b;export{w as DsSettingRowToggle,f as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-setting-row-toggle.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-DcvPY30Q.js";const t=o;const c=s;export{t as DsSkeleton,c as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-skeleton.js.map
|