@ncino/web-components 2.0.0-preview.2 → 2.0.0-preview.20
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/assets/index-chunk.js +2 -2
- package/dist/assets/index-chunk10.js +1 -1
- package/dist/assets/index-chunk11.js +1 -1
- package/dist/assets/index-chunk12.js +1 -5
- package/dist/assets/index-chunk13.js +1 -1
- package/dist/assets/index-chunk14.js +1 -1
- package/dist/assets/index-chunk2.js +6 -6
- package/dist/assets/index-chunk3.js +1 -1
- package/dist/assets/index-chunk4.js +5 -1
- package/dist/assets/index-chunk5.js +1 -1
- package/dist/assets/index-chunk6.js +1 -1
- package/dist/assets/index-chunk7.js +3 -11
- package/dist/assets/index-chunk8.js +10 -2
- package/dist/assets/index-chunk9.js +3 -3
- package/dist/assets/input-rich-text.css +1 -1
- package/dist/components/accordion/accordion.js +1 -1
- package/dist/components/accordion/gator/base/accordion.gator.js +6 -6
- package/dist/components/accordion/gator/group/accordion-group.gator.js +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/alert/alert.js +1 -1
- package/dist/components/alert/gator/base/alert.gator.js +1 -1
- package/dist/components/alert/gator/subtitle/alert-subtitle.gator.js +2 -2
- package/dist/components/alert/gator/title/alert-title.gator.js +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/avatar/avatar.js +1 -1
- package/dist/components/avatar/gator/avatar.gator.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/badge.js +1 -1
- package/dist/components/badge/gator/badge.gator.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/badge/slds/badge.slds.js +2 -2
- package/dist/components/banner/banner.js +1 -1
- package/dist/components/banner/gator/banner.gator.js +1 -1
- package/dist/components/banner/index.js +1 -1
- package/dist/components/boolean/boolean.gator.js +2 -2
- package/dist/components/boolean/index.js +1 -1
- package/dist/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js +2 -2
- package/dist/components/breadcrumbs/gator/container/breadcrumbs.gator.js +2 -2
- package/dist/components/breadcrumbs/index.js +1 -1
- package/dist/components/button/button.js +1 -1
- package/dist/components/button/gator/button.gator.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/slds/button.slds.js +2 -2
- package/dist/components/button-card/button-card.js +1 -1
- package/dist/components/button-card/gator/button-card.gator.js +2 -2
- package/dist/components/button-card/index.js +1 -1
- package/dist/components/card/card.js +1 -1
- package/dist/components/card/gator/base/card.gator.js +1 -7
- package/dist/components/card/gator/content/card-content.gator.js +2 -2
- package/dist/components/card/gator/footer/card-footer.gator.js +1 -1
- package/dist/components/card/gator/header/card-header.gator.js +41 -0
- package/dist/components/card/index.js +1 -1
- package/dist/components/checkbox/checkbox.gator.js +3 -3
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.gator.js +2 -2
- package/dist/components/checkbox-group/index.js +1 -1
- package/dist/components/chip/chip.js +1 -1
- package/dist/components/chip/gator/chip.gator.js +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/combobox/base/combobox.js +1 -1
- package/dist/components/combobox/base/combobox.slds.js +1 -1
- package/dist/components/combobox/base/index.js +1 -1
- package/dist/components/combobox/combobox-item/combobox-item.js +1 -1
- package/dist/components/combobox/combobox-item/combobox-item.slds.js +4 -4
- package/dist/components/combobox/combobox-item/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/date-picker/year-month-selector/year-month-selector.gator.js +12 -0
- package/dist/components/display-card/display-card.js +1 -1
- package/dist/components/display-card/gator/display-card.gator.js +17 -17
- package/dist/components/display-card/index.js +1 -1
- package/dist/components/divider/gator/divider.gator.js +1 -1
- package/dist/components/fab/fab.js +1 -1
- package/dist/components/fab/gator/fab.gator.js +2 -2
- package/dist/components/fab/index.js +1 -1
- package/dist/components/headline-card/gator/headline-card.gator.js +16 -13
- package/dist/components/headline-card/headline-card.js +1 -1
- package/dist/components/headline-card/index.js +1 -1
- package/dist/components/icon/gator/icon.gator.js +1 -1
- package/dist/components/icon/gator/index.js +1 -1
- package/dist/components/icon/gator/templates/dashboard.js +11 -0
- package/dist/components/icon/gator/templates/index.js +1 -1
- package/dist/components/icon/gator/templates/settings.js +11 -0
- package/dist/components/icon/gator/templates/shield-lock.js +6 -0
- package/dist/components/icon/icon.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon/slds/icon.slds.js +1 -1
- package/dist/components/icon-button/gator/icon-button.gator.js +2 -2
- package/dist/components/icon-button/icon-button.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/illustration/gator/illustration.gator.js +1 -0
- package/dist/components/illustration/gator/index.js +1 -0
- package/dist/components/{icon → illustration}/gator/templates/balloons.js +1 -1
- package/dist/components/illustration/gator/templates/check-with-pencil.js +6 -0
- package/dist/components/illustration/gator/templates/commercial.js +35 -0
- package/dist/components/illustration/gator/templates/consumer.js +21 -0
- package/dist/components/illustration/gator/templates/index.js +1 -0
- package/dist/components/illustration/gator/templates/mortgage.js +26 -0
- package/dist/components/illustration/gator/templates/portfolio-analytics.js +43 -0
- package/dist/components/illustration/gator/templates/small-business.js +26 -0
- package/dist/components/illustration/gator/templates/treasury.js +27 -0
- package/dist/components/illustration/gator/templates/your-bank-placeholder.js +40 -0
- package/dist/components/illustration/illustration-registry.js +1 -0
- package/dist/components/illustration/index.js +1 -0
- package/dist/components/input/base/input-base.gator.js +17 -0
- package/dist/components/input/base/input-base.js +1 -1
- package/dist/components/input/gator/dropdown/input-dropdown.gator.js +90 -0
- package/dist/components/input/gator/help-text/help-text.gator.js +1 -1
- package/dist/components/input/gator/input-label/input-label.gator.js +11 -6
- package/dist/components/input/gator/input-masked/input-masked.gator.js +1 -0
- package/dist/components/input/gator/input-text/input-text.gator.js +19 -18
- package/dist/components/input/gator/input-textarea/input-textarea.gator.js +27 -0
- package/dist/components/input/index.gator.js +1 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.slds.js +1 -0
- package/dist/components/input/slds/input-error/input-error.slds.js +3 -3
- package/dist/components/input/slds/input-label/input-label.slds.js +4 -4
- package/dist/components/input/slds/input-text/input-text.slds.js +1 -1
- package/dist/components/input-rich-text/ckeditor-config.js +285 -276
- package/dist/components/input-rich-text/index.js +1 -1
- package/dist/components/input-rich-text/input-rich-text.js +1 -1
- package/dist/components/input-rich-text/input-rich-text.slds.js +3 -3
- package/dist/components/list/gator/list/index.js +1 -1
- package/dist/components/list/gator/list/list.gator.js +3 -2
- package/dist/components/list/gator/list-item/index.js +1 -1
- package/dist/components/list/gator/list-item/list-item.gator.js +8 -8
- package/dist/components/list/index.js +1 -0
- package/dist/components/loading-spinner/loading-spinner.js +1 -1
- package/dist/components/menu/base/gator/menu.gator.js +7 -9
- package/dist/components/menu/base/index.js +1 -1
- package/dist/components/menu/base/menu.js +1 -1
- package/dist/components/menu/base/slds/menu.slds.js +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/menu-divider/index.js +1 -1
- package/dist/components/menu/menu-divider/menu-divider.slds.js +2 -2
- package/dist/components/menu/menu-item/gator/menu-item.gator.js +3 -3
- package/dist/components/menu/menu-item/index.js +1 -1
- package/dist/components/menu/menu-item/menu-item.js +1 -1
- package/dist/components/menu/menu-item/slds/menu-item.slds.js +1 -1
- package/dist/components/menu/menu-submenu/index.js +1 -1
- package/dist/components/menu/menu-submenu/menu-submenu.js +1 -1
- package/dist/components/menu/menu-submenu/menu-submenu.slds.js +2 -2
- package/dist/components/modal/gator/modal.gator.js +17 -16
- package/dist/components/modal/index.js +1 -1
- package/dist/components/modal/modal.js +1 -1
- package/dist/components/page-header/gator/page-header.gator.js +2 -2
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/pill/pill.js +1 -1
- package/dist/components/pill/pill.slds.js +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio/radio.gator.js +1 -1
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/radio-group.gator.js +2 -2
- package/dist/components/scoped-notification/index.js +1 -1
- package/dist/components/scoped-notification/scoped-notification.slds.js +1 -1
- package/dist/components/selection-box/index.js +1 -1
- package/dist/components/selection-box/selection-box.gator.js +1 -1
- package/dist/components/selection-box-group/index.js +1 -1
- package/dist/components/selection-box-group/selection-box-group.gator.js +1 -1
- package/dist/components/selector/gator/selector.gator.js +15 -0
- package/dist/components/skeleton-loader/gator/skeleton-loader.gator.js +1 -1
- package/dist/components/skeleton-loader/index.js +1 -1
- package/dist/components/switch/gator/switch.gator.js +2 -2
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/table/gator/table.gator.js +9 -9
- package/dist/components/table/table.js +1 -1
- package/dist/components/tabs/gator/tab/tab.gator.js +2 -2
- package/dist/components/tabs/gator/tabset/tabset.gator.js +4 -4
- package/dist/components/tabs/index.gator.js +1 -0
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/text-detail/gator/text-detail.gator.js +1 -32
- package/dist/components/text-detail/index.js +1 -1
- package/dist/components/text-detail/text-detail.js +1 -1
- package/dist/components/text-link/gator/text-link.gator.js +2 -2
- package/dist/components/text-link/index.js +1 -1
- package/dist/components/text-link/text-link.js +1 -1
- package/dist/components/toast/gator/base/toast.gator.js +2 -2
- package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js +2 -2
- package/dist/components/toast/gator/title/toast-title.gator.js +2 -2
- package/dist/components/toast/index.js +1 -1
- package/dist/components/tooltip/gator/tooltip.gator.js +2 -2
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/slds/tooltip.slds.js +2 -2
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/index.gator.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.slds.js +1 -1
- package/dist/types/components/accordion/gator/base/accordion.gator.d.ts +3 -0
- package/dist/types/components/card/card.d.ts +5 -0
- package/dist/types/components/card/gator/base/card.gator.d.ts +1 -2
- package/dist/types/components/card/gator/header/card-header.gator.d.ts +5 -0
- package/dist/types/components/card/index.d.ts +1 -2
- package/dist/types/components/date-picker/year-month-selector/year-month-selector.gator.d.ts +37 -0
- package/dist/types/components/date-picker/year-month-selector/year-month-selector.gator.test.d.ts +0 -0
- package/dist/types/components/display-card/gator/display-card.gator.d.ts +2 -2
- package/dist/types/components/headline-card/gator/headline-card.gator.d.ts +1 -3
- package/dist/types/components/headline-card/headline-card.d.ts +3 -3
- package/dist/types/components/icon/gator/templates/dashboard.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/index.d.ts +4 -2
- package/dist/types/components/icon/gator/templates/settings.d.ts +1 -0
- package/dist/types/components/icon/gator/templates/shield-lock.d.ts +1 -0
- package/dist/types/components/illustration/gator/illustration.gator.d.ts +29 -0
- package/dist/types/components/illustration/gator/illustration.gator.test.d.ts +0 -0
- package/dist/types/components/illustration/gator/index.d.ts +2 -0
- package/dist/types/components/illustration/gator/templates/check-with-pencil.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/commercial.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/consumer.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/index.d.ts +9 -0
- package/dist/types/components/illustration/gator/templates/mortgage.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/portfolio-analytics.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/small-business.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/treasury.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/your-bank-placeholder.d.ts +1 -0
- package/dist/types/components/illustration/illustration-registry.d.ts +9 -0
- package/dist/types/components/illustration/index.d.ts +1 -0
- package/dist/types/components/input/base/input-base.d.ts +42 -0
- package/dist/types/components/input/base/input-base.gator.d.ts +17 -0
- package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts +42 -0
- package/dist/types/components/input/gator/dropdown/input-dropdown.gator.test.d.ts +0 -0
- package/dist/types/components/input/gator/input-masked/input-masked.gator.d.ts +40 -0
- package/dist/types/components/input/gator/input-masked/input-masked.gator.test.d.ts +0 -0
- package/dist/types/components/input/gator/input-text/input-text.gator.d.ts +28 -12
- package/dist/types/components/input/gator/input-textarea/input-textarea.gator.d.ts +16 -0
- package/dist/types/components/input/gator/input-textarea/input-textarea.gator.test.d.ts +0 -0
- package/dist/types/components/input/index.d.ts +2 -6
- package/dist/types/components/input/index.gator.d.ts +5 -0
- package/dist/types/components/input/index.slds.d.ts +3 -0
- package/dist/types/components/list/index.d.ts +2 -0
- package/dist/types/components/menu/base/gator/menu.gator.d.ts +2 -0
- package/dist/types/components/menu/base/menu.d.ts +6 -0
- package/dist/types/components/radio-group/radio-group.gator.d.ts +1 -1
- package/dist/types/components/selection-box-group/selection-box-group.gator.d.ts +1 -1
- package/dist/types/components/selector/gator/selector.gator.d.ts +42 -0
- package/dist/types/components/selector/gator/selector.gator.test.d.ts +0 -0
- package/dist/types/components/tabs/index.d.ts +1 -1
- package/dist/types/components/tabs/index.gator.d.ts +2 -0
- package/dist/types/index.d.ts +8 -2
- package/dist/types/index.gator.d.ts +36 -32
- package/dist/types/index.slds.d.ts +9 -10
- package/dist/types/utils/components/illustration-list/illustration-list.gator.d.ts +9 -0
- package/dist/types/utils/vitest-utils.d.ts +2 -2
- package/dist/utils/components/icon-list/icon-list.gator.js +2 -2
- package/dist/utils/components/illustration-list/illustration-list.gator.js +10 -0
- package/dist/utils/components/slot-placeholder/slot-placeholder.js +2 -2
- package/dist/utils/components/testable-lit-element/testable-lit-element.js +1 -1
- package/package.json +39 -39
- package/web-types.json +997 -429
- package/dist/components/card/gator/subtitle/card-subtitle.gator.js +0 -5
- package/dist/components/card/gator/title/card-title.gator.js +0 -5
- package/dist/types/components/card/gator/subtitle/card-subtitle.gator.d.ts +0 -5
- package/dist/types/components/card/gator/title/card-title.gator.d.ts +0 -5
- package/dist/types/components/input/gator/input-label/input-label.gator.d.ts +0 -18
- /package/dist/types/components/{icon → illustration}/gator/templates/balloons.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./input-rich-text.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-
|
|
1
|
+
import"./input-rich-text.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk9.js";import"../../assets/index-chunk3.js";import"../input/slds/input-label/input-label.slds.js";import"../../assets/index-chunk10.js";import"../../assets/index-chunk.js";import"./ckeditor-config.js";import"./input-rich-text.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as u}from"../../assets/index-chunk2.js";import{n as l}from"../../assets/index-chunk.js";var a=Object.defineProperty,n=(t,o,i,c)=>{for(var e=void 0,r=t.length-1,s;r>=0;r--)(s=t[r])&&(e=s(o,i,e)||e);return e&&a(o,i,e),e};class p extends u{constructor(){super(...arguments),this.value=null,this.label=null,this.placeholder=null,this.debounce=300}}n([l({type:String})],p.prototype,"value");n([l({type:String})],p.prototype,"label");n([l({type:String})],p.prototype,"placeholder");export{p as N};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
var w=Object.defineProperty;var
|
|
1
|
+
var w=Object.defineProperty;var b=(o,a,e)=>a in o?w(o,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[a]=e;var l=(o,a,e)=>b(o,typeof a!="symbol"?a+"":a,e);import{x as v}from"../../assets/index-chunk2.js";import{e as y,n as _}from"../../assets/index-chunk8.js";import{t as P}from"../../assets/index-chunk3.js";import"../input/slds/input-label/input-label.slds.js";import{E,C,a as T,g as k,i as R,b as x,n as V,c as B,e as D,R as h,D as g,B as S,S as I,T as F,M as O,I as M,d as N,f as G}from"./ckeditor-config.js";import{N as U}from"./input-rich-text.js";import"../../assets/index-chunk9.js";import"../../assets/index-chunk10.js";import"../../assets/index-chunk.js";/**
|
|
2
2
|
* @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/class
|
|
4
|
+
*/class W extends x{constructor(e,t){super(e);l(this,"view");l(this,"_toolbarConfig");l(this,"_elementReplacer");this.view=t,this._toolbarConfig=V(e.config.get("toolbar")),this._elementReplacer=new B,this.listenTo(e.editing.view,"scrollToTheSelection",this._handleScrollToTheSelectionWithStickyPanel.bind(this))}get element(){return this.view.element}init(e){const t=this.editor,i=this.view,s=t.editing.view,n=i.editable,r=s.document.getRoot();n.name=r.rootName,i.render();const c=n.element;this.setEditableElement(n.name,c),i.editable.bind("isFocused").to(this.focusTracker),s.attachDomRoot(c),e&&this._elementReplacer.replace(e,this.element),this._initPlaceholder(),this._initToolbar(),i.menuBarView&&this._initMenuBar(i.menuBarView),this._initDialogPluginIntegration(),this._initContextualBalloonIntegration(),this.fire("ready")}destroy(){super.destroy();const e=this.view,t=this.editor.editing.view;this._elementReplacer.restore(),t.getDomRoot(e.editable.name)&&t.detachDomRoot(e.editable.name),e.destroy()}_initToolbar(){const e=this.view;e.stickyPanel.bind("isActive").to(this.focusTracker,"isFocused"),e.stickyPanel.limiterElement=e.element,e.stickyPanel.bind("viewportTopOffset").to(this,"viewportOffset",({top:t})=>t||0),e.toolbar.fillFromConfig(this._toolbarConfig,this.componentFactory),this.addToolbar(e.toolbar)}_initPlaceholder(){const e=this.editor,t=e.editing.view,i=t.document.getRoot(),s=e.sourceElement;let n;const r=e.config.get("placeholder");r&&(n=typeof r=="string"?r:r[this.view.editable.name]),!n&&s&&s.tagName.toLowerCase()==="textarea"&&(n=s.getAttribute("placeholder")),n&&(i.placeholder=n),D({view:t,element:i,isDirectHost:!1,keepOnFocus:!0})}_initContextualBalloonIntegration(){if(!this.editor.plugins.has("ContextualBalloon"))return;const{stickyPanel:e}=this.view,t=this.editor.plugins.get("ContextualBalloon");t.on("getPositionOptions",s=>{const n=s.return;if(!n||!e.isSticky||!e.element)return;const r=new h(e.element).height,c=typeof n.target=="function"?n.target():n.target,u=typeof n.limiter=="function"?n.limiter():n.limiter;if(c&&u&&new h(c).height>=new h(u).height-r)return;const f={...n.viewportOffsetConfig},p=(f.top||0)+r;s.return={...n,viewportOffsetConfig:{...f,top:p}}},{priority:"low"});const i=()=>{t.visibleView&&t.updatePosition()};this.listenTo(e,"change:isSticky",i),this.listenTo(this.editor.ui,"change:viewportOffset",i)}_handleScrollToTheSelectionWithStickyPanel(e,t,i){const s=this.view.stickyPanel;if(s.isSticky){const n=new h(s.element).height;t.viewportOffset.top+=n}else{const n=()=>{this.editor.editing.view.scrollToTheSelection(i)};this.listenTo(s,"change:isSticky",n),setTimeout(()=>{this.stopListening(s,"change:isSticky",n)},20)}}_initDialogPluginIntegration(){if(!this.editor.plugins.has("Dialog"))return;const e=this.view.stickyPanel,t=this.editor.plugins.get("Dialog");t.on("show",()=>{const i=t.view;i.on("moveTo",(s,n)=>{if(!e.isSticky||i.wasMoved||i.isModal)return;const r=new h(e.contentPanelElement);n[1]<r.bottom+g.defaultOffset&&(n[1]=r.bottom+g.defaultOffset)},{priority:"high"})},{priority:"low"})}}class K extends S{constructor(e,t,i={}){super(e);l(this,"stickyPanel");l(this,"toolbar");l(this,"editable");this.stickyPanel=new I(e),this.toolbar=new F(e,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull}),i.useMenuBar&&(this.menuBarView=new O(e)),this.editable=new M(e,t,void 0,{label:i.label})}render(){super.render(),this.menuBarView?this.stickyPanel.content.addMany([this.menuBarView,this.toolbar]):this.stickyPanel.content.add(this.toolbar),this.top.add(this.stickyPanel),this.main.add(this.editable)}}class H extends E(N){constructor(e,t={}){if(!d(e)&&t.initialData!==void 0)throw new C("editor-create-initial-data",null);super(t);l(this,"ui");this.config.define("menuBar.isVisible",!1),this.config.get("initialData")===void 0&&this.config.set("initialData",j(e)),d(e)&&(this.sourceElement=e),this.model.document.createRoot();const i=!this.config.get("toolbar.shouldNotGroupWhenFull"),s=this.config.get("menuBar"),n=new K(this.locale,this.editing.view,{shouldToolbarGroupWhenFull:i,useMenuBar:s.isVisible,label:this.config.get("label")});this.ui=new W(this,n),T(this)}static get editorName(){return"ClassicEditor"}destroy(){return this.sourceElement&&this.updateSourceElement(),this.ui.destroy(),super.destroy()}static create(e,t={}){return new Promise(i=>{const s=new this(e,t);i(s.initPlugins().then(()=>s.ui.init(d(e)?e:null)).then(()=>s.data.init(s.config.get("initialData"))).then(()=>s.fire("ready")).then(()=>s))})}}function j(o){return d(o)?k(o):o}function d(o){return R(o)}var A=Object.defineProperty,L=Object.getOwnPropertyDescriptor,$=(o,a,e,t)=>{for(var i=t>1?void 0:t?L(a,e):a,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(t?n(a,e,i):n(i))||i);return t&&i&&A(a,e,i),i};let m=class extends U{constructor(){super(...arguments),this._ckEditor=void 0,this._editorRef=y(),this._externalDataChange=!1}createRenderRoot(){return this}async firstUpdated(){const o=this._editorRef.value;if(o===void 0){console.error("CKEditor host element is undefined");return}const a=await H.create(o,{...G,licenseKey:"GPL",placeholder:this.placeholder??void 0});a.setData(this.value??""),this._registerCKEditorEvents(a),this._ckEditor=a}_registerCKEditorEvents(o){let a=e=>{this._externalDataChange||this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e}})),this._externalDataChange=!1};this.debounce>0&&(a=z(a,this.debounce)),o.model.document.on("change:data",()=>a(o.getData()))}updated(o){if(super.updated(o),this._ckEditor!==void 0&&(o.get("value")!==this.value&&this._ckEditor.getData()!==this.value&&(this._externalDataChange=!0,this._ckEditor.setData(this.value??"")),o.get("placeholder")!==this.placeholder)){const a=this._ckEditor.editing.view.document.getRoot("main");a.placeholder=this.placeholder??void 0}}render(){return v`
|
|
5
5
|
<nsc-input-label>${this.label}</nsc-input-label>
|
|
6
6
|
<div ${_(this._editorRef)}></div>
|
|
7
|
-
`}};
|
|
7
|
+
`}};m=$([P("nsc-input-rich-text")],m);function z(o,a=300){let e;return t=>{clearTimeout(e),e=setTimeout(()=>o(t),a)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./list.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-
|
|
1
|
+
import"./list.gator.js";import"../list-item/list-item.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk6.js";import"../../../../assets/index-chunk5.js";import"../../../../utils/mixins/attribute-deletion.js";import"../../../../assets/index-chunk8.js";import"../../../../assets/index-chunk9.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/icon-registry.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/warning.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk7.js";import"../../../divider/gator/divider.gator.js";import"../../../divider/divider.js";import"../../../../consts/key-constants.js";
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import"../list-item/list-item.gator.js";import{r as h,a as u,x as f}from"../../../../assets/index-chunk2.js";import{t as p}from"../../../../assets/index-chunk3.js";import{n as a}from"../../../../assets/index-chunk.js";import{r as m}from"../../../../assets/index-chunk4.js";import{s as I}from"../../../../assets/index-chunk6.js";import{p as _}from"../../../../assets/index-chunk5.js";import{A as x}from"../../../../utils/mixins/attribute-deletion.js";import{T as y}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{N as L}from"../../../divider/gator/divider.gator.js";import{K as c}from"../../../../consts/key-constants.js";import"../../../../assets/index-chunk8.js";import"../../../../assets/index-chunk9.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/icon-registry.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/warning.js";import"../../../../assets/index-chunk7.js";import"../../../divider/divider.js";var v=Object.defineProperty,F=Object.getOwnPropertyDescriptor,n=(t,e,s,i)=>{for(var l=i>1?void 0:i?F(e,s):e,o=t.length-1,d;o>=0;o--)(d=t[o])&&(l=(i?d(e,s,l):d(l))||l);return i&&l&&v(e,s,l),l};let r=class extends x(y){constructor(){super(...arguments),this.id="",this.density="default",this.selectable=!1,this.multiselect=!1,this.ariaLabelledBy="",this.title="",this.fauxFocus=!1,this._selectedListItem=null,this._role="list",this._activeIndex=0,this._totalListItems=0,this._hasIndexChanged=!1}updated(t){var e,s;this.selectable&&(this._role="listbox"),t.has("density")&&this.assignChildNodeDensity(),(this.selectable||this.multiselect)&&this.updateSlottedItems(((s=(e=this.shadowRoot)==null?void 0:e.querySelector("slot"))==null?void 0:s.assignedElements())||[])}render(){return f`
|
|
2
2
|
<div
|
|
3
3
|
aria-labelledby="${this.ariaLabelledBy}"
|
|
4
4
|
class="gator-list"
|
|
5
5
|
title="${this.title}"
|
|
6
6
|
role="${this._role}"
|
|
7
|
+
id="${this.id}"
|
|
7
8
|
@keydown="${this.handleKeyUp}"
|
|
8
9
|
${this.selectable?`aria-multiselectable="${this.multiselect}"`:null}
|
|
9
10
|
${this.selectable?`aria-activedescendant="${this._selectedListItem}"`:null}
|
|
10
11
|
>
|
|
11
12
|
<slot @slotchange="${this.handleSlotChanged}"></slot>
|
|
12
13
|
</div>
|
|
13
|
-
`}handleSlotChanged(
|
|
14
|
+
`}handleSlotChanged(t){const s=t.target.assignedElements();this.updateSlottedItems(s)}updateSlottedItems(t){this._totalListItems=0;for(const e of t)e.nodeName=="NGC-LIST-ITEM"&&(this._totalListItems++,this.selectable&&(e.selectable=!0),this.multiselect&&(e.multiselect=!0),e.addEventListener("selected",s=>{this._selectedListItem=s.detail.id,this.multiselect?(e.selected=!e.selected,e.multiselect=!0):(this.unselectAllListItems(),e.selected=!0)}));this.setCurrentListItem()}setFalseFocusToValue(t){var s,i;const e=(i=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"))==null?void 0:i.assignedElements();if(e){for(const[l,o]of e.entries())if(o.nodeName=="NGC-LIST-ITEM"&&o.value==t)return this._activeIndex=l,o.replacedStringId}}setCurrentListItem(){var s,i;const t=(i=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"))==null?void 0:i.assignedElements();if(!t||this._focusFirstSelectedItem(t))return;let e;for(const[l,o]of t.entries())this._activeIndex==-1&&(this._activeIndex=this._totalListItems-1),this._activeIndex==this._totalListItems&&(this._activeIndex=0),o.nodeName=="NGC-LIST-ITEM"&&(o.currentListItem=l==this._activeIndex,o.currentListItem?(this.fauxFocus?this._setFauxFocus(o):o.focus(),e=o.replacedStringId):this.fauxFocus&&this._removeFauxFocus(o));return e}_focusFirstSelectedItem(t){if(this._hasIndexChanged)return!1;let e=!1;for(const s of t){if(e)break;s.nodeName=="NGC-LIST-ITEM"&&(s.selected?(this.fauxFocus?this._setFauxFocus(s):s.focus(),e=!0):this.fauxFocus&&this._removeFauxFocus(s))}return this._hasIndexChanged=!0,e}_setFauxFocus(t){t.falseFocus()}_removeFauxFocus(t){t.removeFalseFocus()}falseFocusFirstItem(){return this._activeIndex=0,this.setCurrentListItem()}falseFocusPreviousItem(){return this._activeIndex--,this.setCurrentListItem()}falseFocusNextItem(){return this._activeIndex++,this.setCurrentListItem()}selectFalseFocusedItem(){var e,s;const t=(s=(e=this.shadowRoot)==null?void 0:e.querySelector("slot"))==null?void 0:s.assignedElements();if(t)for(const i of t)i.nodeName=="NGC-LIST-ITEM"&&i.falseFocusing&&i.selectItem()}unselectAllListItems(){var e,s;const t=(s=(e=this.shadowRoot)==null?void 0:e.querySelector("slot"))==null?void 0:s.assignedElements();if(t)for(const i of t)i.nodeName=="NGC-LIST-ITEM"&&(i.selected=!1)}handleKeyUp(t){switch(t.key){case c.UP:this._activeIndex--,this.setCurrentListItem(),t.preventDefault();break;case c.DOWN:this._activeIndex++,this.setCurrentListItem(),t.preventDefault();break}}assignChildNodeDensity(){var e,s;const t=(s=(e=this.shadowRoot)==null?void 0:e.querySelector("slot"))==null?void 0:s.assignedElements();if(t)for(const i of t)(i.nodeName=="NGC-LIST-ITEM"||i.nodeName=="NGC-DIVIDER")&&((i||L).density=this.density)}};r.shadowRootOptions={...h.shadowRootOptions,mode:"open"};r.styles=[u(I),u(_)];n([a()],r.prototype,"id",2);n([a()],r.prototype,"density",2);n([a({type:Boolean})],r.prototype,"selectable",2);n([a({type:Boolean})],r.prototype,"multiselect",2);n([a({attribute:"aria-labelledby"})],r.prototype,"ariaLabelledBy",2);n([a()],r.prototype,"title",2);n([a({type:Boolean,attribute:"faux-focus"})],r.prototype,"fauxFocus",2);n([m()],r.prototype,"_selectedListItem",2);n([m()],r.prototype,"_role",2);n([m()],r.prototype,"_activeIndex",2);r=n([p("ngc-list")],r);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./list-item.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-
|
|
1
|
+
import"./list-item.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk6.js";import"../../../../assets/index-chunk5.js";import"../../../../utils/mixins/attribute-deletion.js";import"../../../../assets/index-chunk8.js";import"../../../../assets/index-chunk9.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/icon-registry.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/warning.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk7.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as u,a,x as r}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as i}from"../../../../assets/index-chunk.js";import{r as p}from"../../../../assets/index-chunk4.js";import{s as h}from"../../../../assets/index-chunk6.js";import{p as f}from"../../../../assets/index-chunk5.js";import{A as v}from"../../../../utils/mixins/attribute-deletion.js";import{e as b,n as y}from"../../../../assets/index-chunk8.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/warning.js";import{T as x}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{o as I}from"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk9.js";import"../../../icon/icon-registry.js";const $=".gator-list-item{display:flex;padding:var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem);list-style:none;align-items:center;align-content:center;font-family:var(--text-family-sans-serif);line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--color-surface-hover, #F7F7F7)}.gator-list-item_selectable:hover .gator-list-item-title{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--text-color-secondary, #6D6D6D);text-decoration-thickness:auto;text-underline-offset:4px}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item_selectable:active{background:var(--color-surface-tertiary, #F2F2F2)}.gator-list-item-faux-focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-end-icon{margin-left:auto}.gator-list-item-selected .gator-list-item-title{font-weight:700;text-decoration-line:underline;text-decoration-style:solid;text-underline-offset:4px;text-decoration-skip-ink:none;text-decoration-color:var(--text-color-brand, #11395B);text-decoration-thickness:12%}",C=":host,:root{--ngc-list-item-icon-size: 1.5rem}";var F=Object.defineProperty,_=Object.getOwnPropertyDescriptor,e=(s,l,c,n)=>{for(var o=n>1?void 0:n?_(l,c):l,m=s.length-1,d;m>=0;m--)(d=s[m])&&(o=(n?d(l,c,o):d(o))||o);return n&&o&&F(l,c,o),o};let t=class extends v(x){constructor(){super(...arguments),this.id="",this.text="",this.value="",this.subtitle=null,this.density="default",this.selectable=!1,this.selected=!1,this.multiselect=!1,this.endIcon=null,this.startIcon=null,this.currentListItem=!1,this.fauxFocus=!1,this._role="listitem",this.falseFocusing=!1,this.listItemRef=b()}updated(){this.selectable&&(this._role="option")}render(){return r`
|
|
2
2
|
<div ${y(this.listItemRef)}
|
|
3
|
-
class="gator-list-item ${this.listItemDensityClass} ${this.selectableClass}"
|
|
3
|
+
class="gator-list-item ${this.listItemDensityClass} ${this.selectableClass} ${this.falseFocusClass}"
|
|
4
4
|
role="${this._role}"
|
|
5
|
-
id="${this.
|
|
5
|
+
id="${this.replacedStringId}"
|
|
6
6
|
@click="${()=>this.handleListItemClicked()}"
|
|
7
|
-
@keyup="${
|
|
7
|
+
@keyup="${s=>this.handleItemKeyUp(s)}"
|
|
8
8
|
tabindex="${this.tabIndex}"
|
|
9
9
|
aria-selected="${I(this.selectable?this.selected:void 0)}"
|
|
10
10
|
>
|
|
@@ -27,12 +27,12 @@ import{r as p,a,x as r}from"../../../../assets/index-chunk2.js";import{t as g}fr
|
|
|
27
27
|
`:null}
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
|
-
`}get listItemDensityClass(){return`gator-list-item-density_${this.density}`}get tabIndex(){return this.selectable
|
|
30
|
+
`}get replacedStringId(){return this.id.replace(" ","")}get listItemDensityClass(){return`gator-list-item-density_${this.density}`}get tabIndex(){return this.fauxFocus||!this.selectable?-1:this.currentListItem?0:-1}get selectableClass(){return this.selectable?"gator-list-item_selectable":null}get subtitleSpacerElement(){return r`
|
|
31
31
|
${this.selectable?r`<div class="gator-list-item-subtitle-spacer"></div>`:null}
|
|
32
32
|
${this.startIcon?r`<div class="gator-list-item-subtitle-spacer"></div>`:null}
|
|
33
|
-
`}get listItemSelectedClass(){return this.selected?"gator-list-item-selected":""}get interactionIconContent(){if(!this.selectable)return null;const
|
|
33
|
+
`}get listItemSelectedClass(){return this.selected?"gator-list-item-selected":""}get interactionIconContent(){if(!this.selectable)return null;const s=this.multiselect?this.selected?"checkbox-selected":"checkbox":this.selected?"check":null;return r`
|
|
34
34
|
<div class="gator-list-item-interaction-icon" aria-hidden="true">
|
|
35
|
-
${
|
|
35
|
+
${s?r`<ngc-icon name="${s}"></ngc-icon>`:null}
|
|
36
36
|
</div>
|
|
37
37
|
`}get leftIconContent(){return this.startIcon?r`
|
|
38
38
|
<div class="gator-list-item-start-icon" aria-hidden="true">
|
|
@@ -42,4 +42,4 @@ import{r as p,a,x as r}from"../../../../assets/index-chunk2.js";import{t as g}fr
|
|
|
42
42
|
<div class="gator-list-item-end-icon" aria-hidden="true">
|
|
43
43
|
<ngc-icon name="${this.endIcon}"></ngc-icon>
|
|
44
44
|
</div>
|
|
45
|
-
`:null}handleListItemClicked(){this.selectable&&this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:{id:this.id,value:this.value}}))}handleItemKeyUp(
|
|
45
|
+
`:null}get falseFocusClass(){return this.falseFocusing?"gator-list-item-faux-focus":""}handleListItemClicked(){this.selectable&&this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:{id:this.id,value:this.value}}))}handleItemKeyUp(s){(s.key==="Enter"||s.key===" ")&&(this.handleListItemClicked(),s.preventDefault())}selectItem(){this.selected=!0,this.handleListItemClicked()}falseFocus(){this.falseFocusing=!0}removeFalseFocus(){this.falseFocusing=!1}};t.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0,mode:"open"};t.styles=[a(C),a(h),a(f),a($)];e([i()],t.prototype,"id",2);e([i()],t.prototype,"text",2);e([i()],t.prototype,"value",2);e([i()],t.prototype,"subtitle",2);e([i()],t.prototype,"density",2);e([i({type:Boolean})],t.prototype,"selectable",2);e([i({type:Boolean})],t.prototype,"selected",2);e([i({type:Boolean})],t.prototype,"multiselect",2);e([i({attribute:"end-icon"})],t.prototype,"endIcon",2);e([i({attribute:"start-icon"})],t.prototype,"startIcon",2);e([i({type:Boolean,attribute:"current-list-item"})],t.prototype,"currentListItem",2);e([i({type:Boolean,attribute:"faux-focus"})],t.prototype,"fauxFocus",2);e([p()],t.prototype,"_role",2);e([p()],t.prototype,"falseFocusing",2);t=e([g("ngc-list-item")],t);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./gator/list/list.gator.js";import"./gator/list-item/list-item.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk5.js";import"../../utils/mixins/attribute-deletion.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../divider/gator/divider.gator.js";import"../divider/divider.js";import"../../consts/key-constants.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk9.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/dashboard.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/shield-lock.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/settings.js";import"../icon/gator/templates/warning.js";import"../../assets/index-chunk7.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as f}from"../../assets/index-chunk2.js";import{t as m}from"../../assets/index-chunk3.js";import{n as l}from"../../assets/index-chunk.js";var c=Object.defineProperty,
|
|
1
|
+
import{r as f}from"../../assets/index-chunk2.js";import{t as m}from"../../assets/index-chunk3.js";import{n as l}from"../../assets/index-chunk.js";var c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(s,e,i,t)=>{for(var r=t>1?void 0:t?u(e,i):e,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(t?o(e,i,r):o(r))||r);return t&&r&&c(e,i,r),r};let a=class extends f{constructor(){super(...arguments),this.size="small",this.ariaLabel="Loading"}};p([l()],a.prototype,"size",2);p([l({type:String,attribute:"aria-label"})],a.prototype,"ariaLabel",2);a=p([m("njc-loading-spinner")],a);export{a as N};
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as c,x as m}from"../../../../assets/index-chunk2.js";import{m as g}from"../../../../assets/index-chunk12.js";import{t as w}from"../../../../assets/index-chunk3.js";import{N as _}from"../menu.js";import{h as u}from"../../../../utils/datatestid-utils.js";import{a as b,c as v}from"../../../../assets/index-chunk13.js";import{n as p}from"../../../../assets/index-chunk8.js";import"../../../../assets/index-chunk.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../utils/string-utils.js";import"../../../../assets/index-chunk9.js";const y=".gator-dropdown{max-width:var(--gator-menu-dropdown-max-width, 16rem);padding:.5rem 0;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;position:absolute;margin-top:.125rem;background-color:var(--gator-menu-dropdown-background-color, #fff);display:none}ul{padding:0;margin:0;list-style-type:none}";var x=Object.defineProperty,A=Object.getOwnPropertyDescriptor,S=(t,o,s,r)=>{for(var e=r>1?void 0:r?A(o,s):o,n=t.length-1,i;n>=0;n--)(i=t[n])&&(e=(r?i(o,s,e):i(e))||e);return r&&e&&x(o,s,e),e};let h=class extends _{constructor(){super(...arguments),this._setListeners=!1,this._dropdownRef=p()}render(){return m`
|
|
2
2
|
<div class="gator-dropdown-trigger" @focusout=${this._topLevelFocusOut}>
|
|
3
3
|
<slot @slotchange="${this.handleTriggerSlotChange}" name="trigger"></slot>
|
|
4
|
-
${this.
|
|
5
|
-
<
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
</div>
|
|
10
|
-
`:""}
|
|
4
|
+
<div class="gator-dropdown" ${p(this._dropdownRef)}>
|
|
5
|
+
<ul class="gator_dropdown__list" role="menu" aria-label="${this.menuAriaLabel}">
|
|
6
|
+
<slot @slotchange="${this.handleItemSlotChange}"></slot>
|
|
7
|
+
</ul>
|
|
8
|
+
</div>
|
|
11
9
|
</div>
|
|
12
|
-
`}updated(){var
|
|
10
|
+
`}updated(){var o;const t=(o=this.shadowRoot)==null?void 0:o.querySelector("[role=menu]");u(t,this.dataTestid,"dropdown"),this._dropdownRef.value&&Object.assign(this._dropdownRef.value.style,{display:this.open?"unset":"none"})}handleTriggerSlotChange(t){t.target.assignedElements().forEach(r=>{var e,n,i,l,d;this._button=(e=r.shadowRoot)==null?void 0:e.querySelector("button"),(n=this._button)==null||n.setAttribute("aria-haspopup","true"),(i=this._button)==null||i.setAttribute("aria-expanded",this.open?"true":"false"),u(this._button,this.dataTestid,"button"),(l=this._button)==null||l.addEventListener("click",()=>{var a;this.open=!this.open,this.focusFirstMenuItem(),(a=this._button)==null||a.setAttribute("aria-expanded",this.open?"true":"false"),this.assignPosition()}),(d=this._button)==null||d.addEventListener("keydown",a=>{a.key==="ArrowDown"&&(this.open=!0,this.focusFirstMenuItem())})})}handleArrowDown(t){var n;t.preventDefault();const o=this.querySelectorAll("a"),s=this.querySelector(":focus");let e=Array.from(o).indexOf(s)+1;e>o.length-1&&(e=0),(n=o[e])==null||n.focus()}focusFirstMenuItem(){setTimeout(()=>{var o,s;(s=(o=this.querySelectorAll("li")[0])==null?void 0:o.querySelector("a"))==null||s.focus()})}focusTriggerButton(){var t;(t=this._button)==null||t.focus()}handleItemSlotChange(t){const s=t.target.assignedElements();for(let[r,e]of s.entries()){const n=e.tagName.toLowerCase();if(n==="ngc-menu-item"||n==="ngc-submenu"){e.addEventListener("menuitemclick",()=>{this.handleClose()});let i=e==null?void 0:e.querySelector("a");if(r===0?i==null||i.setAttribute("tabindex","0"):i==null||i.setAttribute("tabindex","-1"),u(e,this.dataTestid,`menu-item-${r}`),!this._setListeners){let l=e==null?void 0:e.querySelectorAll("a");if(l)for(let d of l)d.addEventListener("keydown",a=>{var f;this._setListeners=!0,a.key==="ArrowDown"||a.key==="ArrowRight"?this.handleArrowDown(a):a.key==="ArrowUp"||a.key==="ArrowLeft"?this.handleArrowUp(a):a.key==="Tab"?this.handleClose():a.key==="Escape"&&(this.handleClose(),(f=this._button)==null||f.focus())})}}}}handleArrowUp(t){var n;t.preventDefault();const o=this.querySelectorAll("a"),s=this.querySelector(":focus");let e=Array.from(o).indexOf(s)-1;e<0&&(e=o.length-1),(n=o[e])==null||n.focus()}handleClose(){var t;this.open=!1,(t=this._button)==null||t.setAttribute("aria-expanded","false"),this.focusTriggerButton()}_topLevelFocusOut(t){t.relatedTarget||(this.open=!1)}assignPosition(){const t=this._button;!this._dropdownRef||!this._dropdownRef.value||!t||b(t,this._dropdownRef.value,async()=>{if(!this._dropdownRef||!this._dropdownRef.value||!t)return;const{x:o,y:s,placement:r}=await v(t,this._dropdownRef.value,{placement:this.placement});let e=r==="bottom"?4:-4;Object.assign(this._dropdownRef.value.style,{left:`${o}px`,top:`${s+e}px`})})}};h.styles=[c(y),c(g)];h=S([w("ngc-menu")],h);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./slds/menu.slds.js";import"./gator/menu.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-
|
|
1
|
+
import"./slds/menu.slds.js";import"./gator/menu.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk10.js";import"../../../assets/index-chunk3.js";import"./menu.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../utils/datatestid-utils.js";import"../../../utils/string-utils.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk12.js";import"../../../assets/index-chunk13.js";import"../../../assets/index-chunk8.js";import"../../../assets/index-chunk9.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n
|
|
1
|
+
import{n}from"../../../assets/index-chunk.js";import{T as l}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk2.js";var m=Object.defineProperty,o=(t,p,i,u)=>{for(var e=void 0,r=t.length-1,s;r>=0;r--)(s=t[r])&&(e=s(p,i,e)||e);return e&&m(p,i,e),e};class a extends l{constructor(){super(...arguments),this.open=!1,this.menuAriaLabel="Show More",this.placement="bottom-start"}}o([n({type:Boolean})],a.prototype,"open");o([n({type:String,attribute:"menu-aria-label"})],a.prototype,"menuAriaLabel");o([n({type:String})],a.prototype,"placement");export{a as N};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as p,x as g}from"../../../../assets/index-chunk2.js";import{s as b}from"../../../../assets/index-
|
|
1
|
+
import{a as p,x as g}from"../../../../assets/index-chunk2.js";import{s as b}from"../../../../assets/index-chunk10.js";import{t as w}from"../../../../assets/index-chunk3.js";import{N as S}from"../menu.js";import{h}from"../../../../utils/datatestid-utils.js";import{K as c}from"../../../../consts/key-constants.js";import"../../../../assets/index-chunk.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../utils/string-utils.js";var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,v=(e,t,i,r)=>{for(var o=r>1?void 0:r?_(t,i):t,n=e.length-1,s;n>=0;n--)(s=e[n])&&(o=(r?s(t,i,o):s(o))||o);return r&&o&&y(t,i,o),o};let f=class extends S{constructor(){super(...arguments),this._setListeners=!1}render(){return g`
|
|
2
2
|
<div class="slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open" @focusout=${this._topLevelFocusOut}>
|
|
3
3
|
<slot @slotchange="${this.handleTriggerSlotChange}" name="trigger"></slot>
|
|
4
4
|
<div class="slds-dropdown slds-dropdown_left ${this.open?"slds-show":"slds-hide"}">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./base/slds/menu.slds.js";import"./base/gator/menu.gator.js";import"./menu-divider/menu-divider.slds.js";import"./menu-item/slds/menu-item.slds.js";import"./menu-item/gator/menu-item.gator.js";import"./menu-submenu/menu-submenu.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-
|
|
1
|
+
import"./base/slds/menu.slds.js";import"./base/gator/menu.gator.js";import"./menu-divider/menu-divider.slds.js";import"./menu-item/slds/menu-item.slds.js";import"./menu-item/gator/menu-item.gator.js";import"./menu-submenu/menu-submenu.slds.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk10.js";import"../../assets/index-chunk3.js";import"./base/menu.js";import"../../assets/index-chunk.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../utils/datatestid-utils.js";import"../../utils/string-utils.js";import"../../consts/key-constants.js";import"../../assets/index-chunk12.js";import"../../assets/index-chunk13.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk9.js";import"./menu-divider/menu-divider.js";import"./menu-item/menu-item.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk6.js";import"./menu-submenu/menu-submenu.js";import"../icon/slds/icon.slds.js";import"../icon/icon.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./menu-divider.slds.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-
|
|
1
|
+
import"./menu-divider.slds.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk10.js";import"../../../assets/index-chunk3.js";import"./menu-divider.js";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a,x as
|
|
1
|
+
import{a,x as n}from"../../../assets/index-chunk2.js";import{s as f}from"../../../assets/index-chunk10.js";import{t as d}from"../../../assets/index-chunk3.js";import{N as m}from"./menu-divider.js";var v=Object.defineProperty,c=Object.getOwnPropertyDescriptor,u=(p,e,i,s)=>{for(var r=s>1?void 0:s?c(e,i):e,t=p.length-1,l;t>=0;t--)(l=p[t])&&(r=(s?l(e,i,r):l(r))||r);return s&&r&&v(e,i,r),r};let o=class extends m{render(){return n`
|
|
2
2
|
<li class="slds-has-divider_top-space" role="separator"></li>
|
|
3
|
-
`}};o.styles=[a(f)];o=
|
|
3
|
+
`}};o.styles=[a(f)];o=u([d("nsc-menu-divider")],o);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{x as a}from"../../../../assets/index-chunk2.js";import{t as l}from"../../../../assets/index-chunk3.js";import{N as c}from"../menu-item.js";import{p as u}from"../../../../assets/index-
|
|
1
|
+
import{x as a}from"../../../../assets/index-chunk2.js";import{t as l}from"../../../../assets/index-chunk3.js";import{N as c}from"../menu-item.js";import{p as u}from"../../../../assets/index-chunk5.js";import{s as d}from"../../../../assets/index-chunk6.js";import{m as p}from"../../../../assets/index-chunk12.js";import"../../../../assets/index-chunk.js";import"../../../../consts/key-constants.js";const f='.gator-menu-item{padding:0 .25rem;font-family:var(--ngc-font-family-body, "Open Sans"),sans-serif;font-size:.9375rem;line-height:1.375rem;font-weight:400;min-width:var(--ngc-menu-item-min-width)}.gator-menu-item a{padding:.725rem .5rem;display:block;color:unset;text-decoration:none;cursor:pointer;border-radius:.25rem}.gator-menu-item a:focus-visible{outline:2px solid var(--color-blue-30, #11395B)}.gator-menu-item:hover{background-color:var(--color-blue-10, #F3F5F7)}li{list-style-type:none}.gator-menu-item:active{background-color:var(--gator-menu-item-pressed-background-color, var(--color-blue-25))}';var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=(m,r,o,t)=>{for(var e=t>1?void 0:t?g(r,o):r,i=m.length-1,n;i>=0;i--)(n=m[i])&&(e=(t?n(r,o,e):n(e))||e);return t&&e&&v(r,o,e),e};let s=class extends c{createRenderRoot(){return this}render(){return a`
|
|
2
2
|
<style>${f}</style>
|
|
3
3
|
<style>${u}</style>
|
|
4
|
-
<style>${p}</style>
|
|
5
4
|
<style>${d}</style>
|
|
5
|
+
<style>${p}</style>
|
|
6
6
|
<li class="gator-menu-item" role="none">
|
|
7
7
|
<a href="javascript:void(0)" role="menuitem" @click="${this.handleItemClick}" @keydown="${this.handleItemKeydown}">
|
|
8
8
|
<div class="gator-truncate">
|
|
@@ -10,4 +10,4 @@ import{x as a}from"../../../../assets/index-chunk2.js";import{t as l}from"../../
|
|
|
10
10
|
</div>
|
|
11
11
|
</a>
|
|
12
12
|
</li>
|
|
13
|
-
`}};
|
|
13
|
+
`}};s=y([l("ngc-menu-item")],s);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./slds/menu-item.slds.js";import"./gator/menu-item.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-
|
|
1
|
+
import"./slds/menu-item.slds.js";import"./gator/menu-item.gator.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk10.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk.js";import"./menu-item.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk5.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk12.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as u}from"../../../assets/index-chunk2.js";import{n as a}from"../../../assets/index-chunk.js";import{K as o}from"../../../consts/key-constants.js";var d=Object.defineProperty,l=(n,t,s,v)=>{for(var e=void 0,r=n.length-1,i;r>=0;r--)(i=n[r])&&(e=i(t,s,e)||e);return e&&d(t,s,e),e};class m extends u{constructor(){super(...arguments),this.value=""}handleItemKeydown(t){t.key===o.SPACE&&this.sendEvent()}handleItemClick(){this.sendEvent()}sendEvent(){this.dispatchEvent(new CustomEvent("menuitemclick",{bubbles:!0,composed:!0,detail:{value:this.value}}))}}l([a({type:String})],m.prototype,"value");export{m as N};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as p,x as a}from"../../../../assets/index-chunk2.js";import{s as c}from"../../../../assets/index-
|
|
1
|
+
import{a as p,x as a}from"../../../../assets/index-chunk2.js";import{s as c}from"../../../../assets/index-chunk10.js";import{t as f}from"../../../../assets/index-chunk3.js";import{n as u}from"../../../../assets/index-chunk.js";import{N as d}from"../menu-item.js";import"../../../../consts/key-constants.js";var h=Object.defineProperty,_=Object.getOwnPropertyDescriptor,m=(i,t,l,r)=>{for(var e=r>1?void 0:r?_(t,l):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(r?o(t,l,e):o(e))||e);return r&&e&&h(t,l,e),e};let s=class extends d{constructor(){super(...arguments),this.title=""}render(){return a`
|
|
2
2
|
<li class="slds-dropdown__item" role="presentation">
|
|
3
3
|
<a href="javascript:void(0)" role="menuitem" @click="${this.handleItemClick}" @keydown="${this.handleItemKeydown}">
|
|
4
4
|
<span class="slds-truncate" title="${this.title}">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./menu-submenu.slds.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-
|
|
1
|
+
import"./menu-submenu.slds.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk10.js";import"../../../assets/index-chunk3.js";import"./menu-submenu.js";import"../../../assets/index-chunk.js";import"../../../consts/key-constants.js";import"../../icon/slds/icon.slds.js";import"../../icon/icon.js";import"../menu-item/slds/menu-item.slds.js";import"../menu-item/menu-item.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as S}from"../../../assets/index-chunk2.js";import{n as
|
|
1
|
+
import{r as S}from"../../../assets/index-chunk2.js";import{n as h}from"../../../assets/index-chunk.js";import{K as l}from"../../../consts/key-constants.js";var v=Object.defineProperty,m=(c,t,s,i)=>{for(var o=void 0,n=c.length-1,r;n>=0;n--)(r=c[n])&&(o=r(t,s,o)||o);return o&&v(t,s,o),o};class y extends S{constructor(){super(...arguments),this.label="",this.open=!1,this._setListeners=!1,this._firstListElement=null}handleItemSlotChange(t){var o;const i=t.target.assignedElements();this._firstListElement=i[0];for(let[n,r]of i.entries()){const a=r.tagName.toLowerCase();if(a==="nsc-menu-item"){let e=(o=r.shadowRoot)==null?void 0:o.querySelector("a");n===0?e==null||e.setAttribute("tabindex","0"):e==null||e.setAttribute("tabindex","-1")}this._setListeners||(a==="nsc-menu-item"||a==="nsc-submenu")&&r.addEventListener("keydown",e=>{var u,f,p,d;this._setListeners=!0,e.key===l.LEFT?(this.open=!1,(f=(u=this.shadowRoot)==null?void 0:u.querySelector("a"))==null||f.focus(),e.preventDefault(),e.stopPropagation()):e.key===l.DOWN?(e.preventDefault(),e.stopPropagation(),this.handleArrowDown(e)):e.key===l.UP?(e.preventDefault(),e.stopPropagation(),this.handleArrowUp(e)):e.key===l.ESCAPE&&(this.open=!1,e.preventDefault(),e.stopPropagation(),(d=(p=this.shadowRoot)==null?void 0:p.querySelector("a"))==null||d.focus())})}}handleSubmenuItemClicked(){this.open=!this.open}handleAnchorKeydown(t){switch(t.key){case l.RIGHT:t.preventDefault(),t.stopImmediatePropagation(),this.open=!0,this.focusFirstSubmenuItem();break;case l.ENTER:case l.SPACE:t.preventDefault(),t.stopImmediatePropagation(),this.open=!this.open,this.focusFirstSubmenuItem();break}}async focusFirstSubmenuItem(){var t,s,i;await this.updateComplete,(i=(s=(t=this._firstListElement)==null?void 0:t.shadowRoot)==null?void 0:s.querySelector("a"))==null||i.focus()}handleArrowDown(t){var r,a,e,u;t.preventDefault();const s=this.querySelectorAll(":scope > nsc-menu-item, :scope > nsc-submenu"),i=this.querySelector(":focus");let o=Array.from(s).indexOf(i);o===-1&&((a=(r=s[0].shadowRoot)==null?void 0:r.querySelector("a"))==null||a.focus());let n=o+1;n>s.length-1&&(n=0),(u=(e=s[n].shadowRoot)==null?void 0:e.querySelector("a"))==null||u.focus()}handleArrowUp(t){var r,a;t.preventDefault();const s=this.querySelectorAll(":scope > nsc-menu-item, :scope > nsc-submenu"),i=this.querySelector(":focus");let n=Array.from(s).indexOf(i)-1;n<0&&(n=s.length-1),(a=(r=s[n].shadowRoot)==null?void 0:r.querySelector("a"))==null||a.focus()}}m([h({type:String})],y.prototype,"label");m([h({type:Boolean})],y.prototype,"open");export{y as N};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as i,x as d}from"../../../assets/index-chunk2.js";import{s as u}from"../../../assets/index-chunk10.js";import{t as p}from"../../../assets/index-chunk3.js";import{N as m}from"./menu-submenu.js";import"../../icon/slds/icon.slds.js";import"../menu-item/slds/menu-item.slds.js";import"../../../assets/index-chunk.js";import"../../../consts/key-constants.js";import"../../icon/icon.js";import"../menu-item/menu-item.js";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,f=(e,l,o,t)=>{for(var s=t>1?void 0:t?h(l,o):l,r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=(t?n(l,o,s):n(s))||s);return t&&s&&c(l,o,s),s};let a=class extends m{render(){return d`
|
|
2
2
|
<li class="slds-dropdown__item slds-has-submenu" role="presentation" @focusout=${this._topLevelFocusOut}>
|
|
3
3
|
<a role="menuitem" href="javascript:void(0)" aria-haspopup="true" aria-expanded="${this.open}" tabindex="-1" @click="${this.handleSubmenuItemClicked}" @keydown="${this.handleAnchorKeydown}">
|
|
4
4
|
<span class="slds-truncate" title="${this.label}">
|
|
@@ -18,4 +18,4 @@ import{a as n,x as d}from"../../../assets/index-chunk2.js";import{s as p}from"..
|
|
|
18
18
|
</ul>
|
|
19
19
|
</div>
|
|
20
20
|
</li>
|
|
21
|
-
`}_topLevelFocusOut(e){e.relatedTarget||(this.open=!1)}};
|
|
21
|
+
`}_topLevelFocusOut(e){e.relatedTarget||(this.open=!1)}};a.styles=[i(u)];a=f([p("nsc-submenu")],a);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as
|
|
1
|
+
import{N as m}from"../modal.js";import"../../card/gator/header/card-header.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../button/slds/button.slds.js";import"../../button/gator/button.gator.js";import"../../icon-button/gator/icon-button.gator.js";import"../../input/gator/input-label/input-label.gator.js";import"../../input/gator/help-text/help-text.gator.js";import"../../input/gator/input-text/input-text.gator.js";import"../../input/gator/input-textarea/input-textarea.gator.js";import"../../input/gator/input-masked/input-masked.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import{a as s,x as n}from"../../../assets/index-chunk2.js";import{t as g}from"../../../assets/index-chunk3.js";import{K as c}from"../../../consts/key-constants.js";import{p as u}from"../../../assets/index-chunk5.js";import{s as p}from"../../../assets/index-chunk6.js";import{o as h}from"../../../assets/index-chunk7.js";import"../../../assets/index-chunk.js";import"../../text-detail/text-detail.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../card/card.js";import"../../button/button.js";import"../../../utils/mixins/attribute-deletion.js";import"../../../assets/index-chunk10.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import"../../loading-spinner/loading-spinner.js";import"../../icon-button/icon-button.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/icon-registry.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/dashboard.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/shield-lock.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/settings.js";import"../../icon/gator/templates/warning.js";import"../../../assets/index-chunk4.js";import"../../../assets/index-chunk8.js";import"../../../assets/index-chunk9.js";import"../../input/base/input-base.gator.js";import"../../input/base/input-base.js";const f=".gator-modal-background{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-black-100);opacity:60%}.gator-modal{--ngc-card-position: fixed;--ngc-card-top: 50%;--ngc-card-left: 50%;--ngc-card-max-width: none;--ngc-card-transform: translate(-50%, -50%)}.gator-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--color-neutral-10)}.gator-modal-header .gator-modal-close-button{margin-left:var(--spacing-6);--ngc-icon-button-hover-box-shadow: none}.gator-modal-content{padding:var(--spacing-6) var(--spacing-6) 3.5rem var(--spacing-6)}.gator-modal-content ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 0 var(--spacing-3) 0}.gator-modal-footer{display:flex;padding:var(--spacing-6)}.gator-modal-warning{display:flex;flex-direction:row;align-items:center}.gator-modal-warning ngc-icon{--ngc-icon-color: var(--color-red-40);--ngc-icon-margin: 0 var(--spacing-3) 0 0}.gator-modal-warning ngc-input-label{--gator-input-label-color: var(--color-red-40);--gator-input-label-font-size: .9375rem;--gator-input-label-line-height: 1.375rem}.gator-modal-action-buttons{display:flex}.gator-modal ngc-card-header{width:100%}.gator-modal--small{--ngc-card-width: 375px;--ngc-card-border-radius: .5rem}.gator-modal--small .gator-modal-header{border-radius:.5rem .5rem 0 0}.gator-modal--small ngc-card-header{--ngc-card-header-title-font-size: 1.375rem;--ngc-card-header-title-line-height: 2rem}.gator-modal--small .gator-modal-content{padding:var(--spacing-4) var(--spacing-4) 56px var(--spacing-4)}.gator-modal--small .gator-modal-footer{flex-direction:column;align-items:flex-start;padding:var(--spacing-4)}.gator-modal--small .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--small .gator-modal-action-buttons{flex-direction:column-reverse}.gator-modal--small .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: var(--spacing-3) 0 0 0}.gator-modal--small .gator-modal-primary-button{--ngc-button-margin: 0 0 var(--spacing-3) 0}.gator-modal--standard{--ngc-card-width: 600px}.gator-modal--standard .gator-modal-header{border-radius:1rem 1rem 0 0}.gator-modal--standard ngc-card-header{--ngc-card-header-title-font-size: 1.625rem;--ngc-card-header-title-line-height: 2.25rem}.gator-modal--standard .gator-modal-footer{flex-direction:row}.gator-modal--standard .gator-modal-footer ngc-button:last-child{--ngc-button-margin: 0 0 0 var(--spacing-3)}.gator-modal--standard .gator-modal-warning{margin-right:auto}.gator-modal--standard .gator-modal-action-buttons{margin-left:auto}.gator-modal--standard .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}.gator-modal--fullscreen{display:inline-flex;flex-direction:column;--ngc-card-width: 100vw;--ngc-card-height: 100vh;--ngc-card-border-radius: 0;--ngc-card-background-color: var(--color-neutral-10)}.gator-modal--fullscreen .gator-modal-header ngc-card-header{flex-grow:1;justify-content:center;--ngc-card-header-title-font-size: 2rem;--ngc-card-header-title-line-height: 2.625rem;--ngc-text-detail-content-alignment: center}.gator-modal--fullscreen .gator-modal-content{flex-grow:1}.gator-modal--fullscreen .gator-modal-footer{flex-direction:column;justify-content:center;align-items:center}.gator-modal--fullscreen .gator-modal-warning{margin-bottom:var(--spacing-6)}.gator-modal--fullscreen .gator-modal-action-buttons ngc-skeleton-loader:first-child{--ngc-skeleton-loader-margin: 0 var(--spacing-3) 0 0}";var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,k=(t,a,o,e)=>{for(var r=e>1?void 0:e?v(a,o):a,i=t.length-1,l;i>=0;i--)(l=t[i])&&(r=(e?l(a,o,r):l(r))||r);return e&&r&&b(a,o,r),r};let d=class extends m{render(){return this.open?n`
|
|
2
2
|
<div
|
|
3
3
|
class="gator-modal-background"
|
|
4
4
|
@click=${this.handleCloseClick}
|
|
@@ -12,18 +12,19 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
12
12
|
elevated
|
|
13
13
|
>
|
|
14
14
|
<div class="gator-modal-header">
|
|
15
|
-
<ngc-card-
|
|
16
|
-
${this.title}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
<ngc-card-header>
|
|
16
|
+
<ngc-text-detail size="large" id="gator-modal-title" title="${this.title}">
|
|
17
|
+
<ngc-icon-button
|
|
18
|
+
slot="append"
|
|
19
|
+
class="gator-modal-close-button"
|
|
20
|
+
title="Close"
|
|
21
|
+
icon-name="exit"
|
|
22
|
+
size="medium"
|
|
23
|
+
@click=${this.handleCloseClick}
|
|
24
|
+
@keydown=${this.handleCloseKeydown}
|
|
25
|
+
></ngc-icon-button>
|
|
26
|
+
</ngc-text-detail>
|
|
27
|
+
</ngc-card-header>
|
|
27
28
|
</div>
|
|
28
29
|
|
|
29
30
|
<div class="gator-modal-content">
|
|
@@ -33,8 +34,8 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
33
34
|
${this.gatorModalFooterMarkup}
|
|
34
35
|
</ngc-card>
|
|
35
36
|
`:null}get gatorModalContentLoadingMarkup(){return n`
|
|
36
|
-
<ngc-skeleton-loader width
|
|
37
|
-
<ngc-skeleton-loader width
|
|
37
|
+
<ngc-skeleton-loader full-width height="16" radius="100"></ngc-skeleton-loader>
|
|
38
|
+
<ngc-skeleton-loader full-width height="18" radius="100"></ngc-skeleton-loader>
|
|
38
39
|
`}get gatorModalFooterMarkup(){return["decide","destructive","confirmation"].includes(this.variant)?n`
|
|
39
40
|
<div class="gator-modal-footer">
|
|
40
41
|
${this.footerWarningMessageMarkup}
|
|
@@ -74,4 +75,4 @@ import{N as g}from"../modal.js";import"../../card/gator/base/card.gator.js";impo
|
|
|
74
75
|
height="36"
|
|
75
76
|
radius="2"
|
|
76
77
|
></ngc-skeleton-loader>
|
|
77
|
-
`}handleKeyDown(t){var a;if(t.key===
|
|
78
|
+
`}handleKeyDown(t){var a;if(t.key===c.ESCAPE&&this.handleCloseClick(t),t.key===c.TAB){const o=this.getKeyboardFocusableElements(),e=(a=this.shadowRoot)==null?void 0:a.activeElement,r=o[0],i=o[o.length-1];t.shiftKey?e===r&&(t.preventDefault(),i.focus()):e===i&&(t.preventDefault(),r.focus())}}handleCloseClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))}handleCloseKeydown(t){(t.code==="Enter"||t.code==="Space")&&this.handleCloseClick(t)}handlePrimaryActionClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("primary-action-click",{bubbles:!0}))}handleSecondaryActionClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("secondary-action-click",{bubbles:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.focusFirstElement()}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}updated(t){super.updated(t),t.has("open")&&this.open&&this.focusFirstElement()}getKeyboardFocusableElements(){var o;const t=(o=this.shadowRoot)==null?void 0:o.querySelectorAll('a[href],button,ngc-button,ngc-icon-button,input,textarea,select,details,[tabindex]:not([tabindex="-1"])');return Array.from(t??[]).filter(e=>!e.hasAttribute("disabled")&&!e.hasAttribute("aria-hidden"))}focusFirstElement(){if(!this.open)return;const t=this.getKeyboardFocusableElements();if(t.length>0){const a=t[0];requestAnimationFrame(()=>{a.focus()})}}};d.styles=[s(f),s(u),s(p)];d=k([g("ngc-modal")],d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../card/gator/
|
|
1
|
+
import"./gator/modal.gator.js";import"./modal.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../card/gator/header/card-header.gator.js";import"../card/gator/content/card-content.gator.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk3.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/card.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk9.js";import"../../assets/index-chunk7.js";import"../button/slds/button.slds.js";import"../button/button.js";import"../../utils/mixins/attribute-deletion.js";import"../../assets/index-chunk10.js";import"../button/gator/button.gator.js";import"../loading-spinner/gator/loading-spinner.gator.js";import"../loading-spinner/loading-spinner.js";import"../icon-button/gator/icon-button.gator.js";import"../icon-button/icon-button.js";import"../input/gator/input-label/input-label.gator.js";import"../input/gator/help-text/help-text.gator.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/dashboard.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/shield-lock.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/settings.js";import"../icon/gator/templates/warning.js";import"../input/gator/input-text/input-text.gator.js";import"../../assets/index-chunk4.js";import"../input/base/input-base.gator.js";import"../input/base/input-base.js";import"../input/gator/input-textarea/input-textarea.gator.js";import"../input/gator/input-masked/input-masked.gator.js";import"../../consts/key-constants.js";
|