@ncino/web-components 3.0.0-preview.2 → 3.0.0-preview.4
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/components/accordion/gator/base/accordion.gator.js +2 -2
- package/dist/components/button/gator/button.gator.js +1 -1
- package/dist/components/headline-card/gator/headline-card.gator.js +1 -1
- package/dist/components/headline-card/index.js +1 -1
- package/dist/components/illustration/gator/illustration.gator.js +1 -1
- package/dist/components/illustration/gator/index.js +1 -1
- package/dist/components/illustration/gator/templates/index.js +1 -1
- package/dist/components/illustration/gator/templates/your-bank.js +26 -0
- package/dist/components/illustration/index.js +1 -1
- package/dist/components/input/gator/dropdown/input-dropdown.gator.js +2 -3
- package/dist/components/input/gator/input-phone/input-phone.gator.js +8 -8
- package/dist/components/input-rich-text/ckeditor-config.js +154 -154
- package/dist/components/list/gator/list-item/list-item.gator.js +3 -3
- package/dist/components/panel/gator/panel.gator.js +34 -0
- package/dist/components/panel/gator/panel.storybook-test.js +457 -0
- package/dist/components/panel/index.js +1 -0
- package/dist/index.gator.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/illustration/gator/templates/index.d.ts +1 -0
- package/dist/types/components/illustration/gator/templates/your-bank.d.ts +1 -0
- package/dist/types/components/input/gator/dropdown/input-dropdown.gator.d.ts +1 -1
- package/dist/types/components/panel/gator/panel.gator.d.ts +27 -0
- package/dist/types/components/panel/gator/panel.gator.test.d.ts +0 -0
- package/dist/types/components/panel/gator/panel.storybook-test.d.ts +4 -0
- package/dist/types/components/panel/index.d.ts +1 -0
- package/dist/types/index.gator.d.ts +1 -0
- package/dist/types/utils/components/slot-placeholder/slot-placeholder.d.ts +2 -0
- package/dist/types/utils/vitest-utils.d.ts +7 -0
- package/dist/utils/components/slot-placeholder/slot-placeholder.js +15 -6
- package/dist/utils/vitest-utils.js +29 -0
- package/package.json +36 -37
- package/web-types.json +84 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{r as g,a as l,x as r}from"../../../../assets/index-chunk2.js";import{t as h}from"../../../../assets/index-chunk3.js";import{n as e}from"../../../../assets/index-chunk.js";import{r as u}from"../../../../assets/index-chunk4.js";import{s as f}from"../../../../assets/index-chunk6.js";import{p as v}from"../../../../assets/index-chunk5.js";import{A as b}from"../../../../utils/mixins/attribute-deletion.js";import{e as y,n as x}from"../../../../assets/index-chunk8.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/add-link.js";import"../../../icon/gator/templates/airplane.js";import"../../../icon/gator/templates/alarm.js";import"../../../icon/gator/templates/apartment.js";import"../../../icon/gator/templates/arrow-around.js";import"../../../icon/gator/templates/arrow-down.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-line-left.js";import"../../../icon/gator/templates/arrow-line-right.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/arrow-up.js";import"../../../icon/gator/templates/bank.js";import"../../../icon/gator/templates/bell.js";import"../../../icon/gator/templates/bell-disabled.js";import"../../../icon/gator/templates/binoculars.js";import"../../../icon/gator/templates/book.js";import"../../../icon/gator/templates/box.js";import"../../../icon/gator/templates/cake.js";import"../../../icon/gator/templates/calculator.js";import"../../../icon/gator/templates/calendar.js";import"../../../icon/gator/templates/camera.js";import"../../../icon/gator/templates/caret-up-down.js";import"../../../icon/gator/templates/case.js";import"../../../icon/gator/templates/chart-rise.js";import"../../../icon/gator/templates/chat.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/check-circle.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-left.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/circle.js";import"../../../icon/gator/templates/circle-arrow-down.js";import"../../../icon/gator/templates/circle-arrow-left.js";import"../../../icon/gator/templates/circle-arrow-right.js";import"../../../icon/gator/templates/circle-arrow-up.js";import"../../../icon/gator/templates/circle-filled.js";import"../../../icon/gator/templates/city.js";import"../../../icon/gator/templates/clipboard.js";import"../../../icon/gator/templates/clock.js";import"../../../icon/gator/templates/clock-clockwise.js";import"../../../icon/gator/templates/clock-counter-clockwise.js";import"../../../icon/gator/templates/collapse.js";import"../../../icon/gator/templates/cone.js";import"../../../icon/gator/templates/contact-info.js";import"../../../icon/gator/templates/copy.js";import"../../../icon/gator/templates/credit-card.js";import"../../../icon/gator/templates/crop.js";import"../../../icon/gator/templates/crosshairs.js";import"../../../icon/gator/templates/currency-dollar-simple.js";import"../../../icon/gator/templates/currency-eur.js";import"../../../icon/gator/templates/currency-gbp.js";import"../../../icon/gator/templates/currency-inr.js";import"../../../icon/gator/templates/currency-jpy.js";import"../../../icon/gator/templates/currency-krw.js";import"../../../icon/gator/templates/currency-kzt.js";import"../../../icon/gator/templates/currency-ngn.js";import"../../../icon/gator/templates/currency-rub.js";import"../../../icon/gator/templates/cursor.js";import"../../../icon/gator/templates/cursor-arrow.js";import"../../../icon/gator/templates/cursor-hand.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/delete.js";import"../../../icon/gator/templates/dna.js";import"../../../icon/gator/templates/document.js";import"../../../icon/gator/templates/document-add.js";import"../../../icon/gator/templates/document-check.js";import"../../../icon/gator/templates/document-e-sign.js";import"../../../icon/gator/templates/document-image.js";import"../../../icon/gator/templates/document-pdf.js";import"../../../icon/gator/templates/document-sign.js";import"../../../icon/gator/templates/document-zip.js";import"../../../icon/gator/templates/dollar-bills.js";import"../../../icon/gator/templates/dollar-house.js";import"../../../icon/gator/templates/down-payment.js";import"../../../icon/gator/templates/download.js";import"../../../icon/gator/templates/drag-drop.js";import"../../../icon/gator/templates/earth.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/exit-left.js";import"../../../icon/gator/templates/expand.js";import"../../../icon/gator/templates/expand-arrows.js";import"../../../icon/gator/templates/export.js";import"../../../icon/gator/templates/eye.js";import"../../../icon/gator/templates/eye-closed.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/facebook-logo.js";import"../../../icon/gator/templates/file-code.js";import"../../../icon/gator/templates/files.js";import"../../../icon/gator/templates/filter-funnel.js";import"../../../icon/gator/templates/filters.js";import"../../../icon/gator/templates/filters-2.js";import"../../../icon/gator/templates/flame.js";import"../../../icon/gator/templates/flash-off.js";import"../../../icon/gator/templates/flash-on.js";import"../../../icon/gator/templates/folder.js";import"../../../icon/gator/templates/gauge.js";import"../../../icon/gator/templates/hammer.js";import"../../../icon/gator/templates/hand-pointing.js";import"../../../icon/gator/templates/heart.js";import"../../../icon/gator/templates/home-door.js";import"../../../icon/gator/templates/home-finance.js";import"../../../icon/gator/templates/home-finance-arrow.js";import"../../../icon/gator/templates/home-search.js";import"../../../icon/gator/templates/house.js";import"../../../icon/gator/templates/house-simple.js";import"../../../icon/gator/templates/inbox.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/instagram-logo.js";import"../../../icon/gator/templates/interest-rate.js";import"../../../icon/gator/templates/invoice.js";import"../../../icon/gator/templates/label.js";import"../../../icon/gator/templates/laptop.js";import"../../../icon/gator/templates/layout.js";import"../../../icon/gator/templates/lightbulb.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/linkedin-logo.js";import"../../../icon/gator/templates/list.js";import"../../../icon/gator/templates/loading.js";import"../../../icon/gator/templates/loading-spinner-gif.js";import"../../../icon/gator/templates/lock.js";import"../../../icon/gator/templates/magic-wand.js";import"../../../icon/gator/templates/mail.js";import"../../../icon/gator/templates/mail-open.js";import"../../../icon/gator/templates/mailbox.js";import"../../../icon/gator/templates/map.js";import"../../../icon/gator/templates/menu-hamburger.js";import"../../../icon/gator/templates/microsoft-excel-logo.js";import"../../../icon/gator/templates/microsoft-outlook-logo.js";import"../../../icon/gator/templates/microsoft-powerpoint-logo.js";import"../../../icon/gator/templates/microsoft-teams-logo.js";import"../../../icon/gator/templates/microsoft-word-logo.js";import"../../../icon/gator/templates/minus.js";import"../../../icon/gator/templates/minus-circle.js";import"../../../icon/gator/templates/minus-square.js";import"../../../icon/gator/templates/mobile-phone-2.js";import"../../../icon/gator/templates/monitor.js";import"../../../icon/gator/templates/move.js";import"../../../icon/gator/templates/move-doc.js";import"../../../icon/gator/templates/music.js";import"../../../icon/gator/templates/number-1.js";import"../../../icon/gator/templates/number-2.js";import"../../../icon/gator/templates/number-3.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/paper-airplane.js";import"../../../icon/gator/templates/paperclip.js";import"../../../icon/gator/templates/pen.js";import"../../../icon/gator/templates/pencil.js";import"../../../icon/gator/templates/pencil-paper.js";import"../../../icon/gator/templates/people-multiple.js";import"../../../icon/gator/templates/people-share.js";import"../../../icon/gator/templates/percent.js";import"../../../icon/gator/templates/person.js";import"../../../icon/gator/templates/person-add.js";import"../../../icon/gator/templates/person-check.js";import"../../../icon/gator/templates/person-lock.js";import"../../../icon/gator/templates/phone.js";import"../../../icon/gator/templates/phone-alert.js";import"../../../icon/gator/templates/phone-mobile.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/pin.js";import"../../../icon/gator/templates/pinterest-logo.js";import"../../../icon/gator/templates/plus.js";import"../../../icon/gator/templates/plus-circle.js";import"../../../icon/gator/templates/printer.js";import"../../../icon/gator/templates/question-chat-bubble.js";import"../../../icon/gator/templates/question-circle.js";import"../../../icon/gator/templates/question-mark.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/receipt.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/sandals.js";import"../../../icon/gator/templates/save.js";import"../../../icon/gator/templates/screen.js";import"../../../icon/gator/templates/search.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/share-1.js";import"../../../icon/gator/templates/share-2.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/shield-warning.js";import"../../../icon/gator/templates/sidebar.js";import"../../../icon/gator/templates/sidebar-simple.js";import"../../../icon/gator/templates/smart-home.js";import"../../../icon/gator/templates/sort-arrow-solid-down.js";import"../../../icon/gator/templates/sort-arrow-solid-left.js";import"../../../icon/gator/templates/sort-arrow-solid-right.js";import"../../../icon/gator/templates/sort-arrow-solid-up.js";import"../../../icon/gator/templates/sort-arrow-solid-up-down.js";import"../../../icon/gator/templates/sort-reverse-variant.js";import"../../../icon/gator/templates/sort-variant.js";import"../../../icon/gator/templates/sparkle.js";import"../../../icon/gator/templates/sparkle-filled.js";import"../../../icon/gator/templates/speech-bubble.js";import"../../../icon/gator/templates/stack.js";import"../../../icon/gator/templates/stamp.js";import"../../../icon/gator/templates/star.js";import"../../../icon/gator/templates/star-four.js";import"../../../icon/gator/templates/star-four-filled.js";import"../../../icon/gator/templates/stopwatch.js";import"../../../icon/gator/templates/sun.js";import"../../../icon/gator/templates/sync.js";import"../../../icon/gator/templates/tab-arrows.js";import"../../../icon/gator/templates/target.js";import"../../../icon/gator/templates/thumbs-down.js";import"../../../icon/gator/templates/thumbs-up.js";import"../../../icon/gator/templates/tools.js";import"../../../icon/gator/templates/touch-id.js";import"../../../icon/gator/templates/trash.js";import"../../../icon/gator/templates/twitter-logo.js";import"../../../icon/gator/templates/unlink.js";import"../../../icon/gator/templates/unlock.js";import"../../../icon/gator/templates/upload.js";import"../../../icon/gator/templates/video.js";import"../../../icon/gator/templates/warning.js";import"../../../icon/gator/templates/warning-circle.js";import"../../../icon/gator/templates/warning-diamond.js";import"../../../icon/gator/templates/warning-octagon.js";import"../../../icon/gator/templates/wet-sign.js";import"../../../icon/gator/templates/wifi.js";import"../../../icon/gator/templates/wifi-off.js";import"../../../icon/gator/templates/x-logo.js";import"../../../icon/gator/templates/yelp-logo.js";import"../../../icon/gator/templates/youtube-logo.js";import"../../../icon/gator/templates/zillow-logo.js";import{T as I}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{o as d}from"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk9.js";import"../../../icon/icon-registry.js";import"../../../../utils/components/ngc-component.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,i=(o,m,n,p)=>{for(var s=p>1?void 0:p?_(m,n):m,a=o.length-1,c;a>=0;a--)(c=o[a])&&(s=(p?c(m,n,s):c(s))||s);return p&&s&&F(m,n,s),s};let t=class extends b(I){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.iconOnly=!1,this._role="listitem",this.falseFocusing=!1,this.listItemRef=y()}updated(){this.selectable&&(this._role="option")}render(){return r`
|
|
1
|
+
import{r as g,a as l,x as r}from"../../../../assets/index-chunk2.js";import{t as h}from"../../../../assets/index-chunk3.js";import{n as e}from"../../../../assets/index-chunk.js";import{r as u}from"../../../../assets/index-chunk4.js";import{s as f}from"../../../../assets/index-chunk6.js";import{p as v}from"../../../../assets/index-chunk5.js";import{A as b}from"../../../../utils/mixins/attribute-deletion.js";import{e as y,n as x}from"../../../../assets/index-chunk8.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/add-link.js";import"../../../icon/gator/templates/airplane.js";import"../../../icon/gator/templates/alarm.js";import"../../../icon/gator/templates/apartment.js";import"../../../icon/gator/templates/arrow-around.js";import"../../../icon/gator/templates/arrow-down.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-line-left.js";import"../../../icon/gator/templates/arrow-line-right.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/arrow-up.js";import"../../../icon/gator/templates/bank.js";import"../../../icon/gator/templates/bell.js";import"../../../icon/gator/templates/bell-disabled.js";import"../../../icon/gator/templates/binoculars.js";import"../../../icon/gator/templates/book.js";import"../../../icon/gator/templates/box.js";import"../../../icon/gator/templates/cake.js";import"../../../icon/gator/templates/calculator.js";import"../../../icon/gator/templates/calendar.js";import"../../../icon/gator/templates/camera.js";import"../../../icon/gator/templates/caret-up-down.js";import"../../../icon/gator/templates/case.js";import"../../../icon/gator/templates/chart-rise.js";import"../../../icon/gator/templates/chat.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/check-circle.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-left.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/circle.js";import"../../../icon/gator/templates/circle-arrow-down.js";import"../../../icon/gator/templates/circle-arrow-left.js";import"../../../icon/gator/templates/circle-arrow-right.js";import"../../../icon/gator/templates/circle-arrow-up.js";import"../../../icon/gator/templates/circle-filled.js";import"../../../icon/gator/templates/city.js";import"../../../icon/gator/templates/clipboard.js";import"../../../icon/gator/templates/clock.js";import"../../../icon/gator/templates/clock-clockwise.js";import"../../../icon/gator/templates/clock-counter-clockwise.js";import"../../../icon/gator/templates/collapse.js";import"../../../icon/gator/templates/cone.js";import"../../../icon/gator/templates/contact-info.js";import"../../../icon/gator/templates/copy.js";import"../../../icon/gator/templates/credit-card.js";import"../../../icon/gator/templates/crop.js";import"../../../icon/gator/templates/crosshairs.js";import"../../../icon/gator/templates/currency-dollar-simple.js";import"../../../icon/gator/templates/currency-eur.js";import"../../../icon/gator/templates/currency-gbp.js";import"../../../icon/gator/templates/currency-inr.js";import"../../../icon/gator/templates/currency-jpy.js";import"../../../icon/gator/templates/currency-krw.js";import"../../../icon/gator/templates/currency-kzt.js";import"../../../icon/gator/templates/currency-ngn.js";import"../../../icon/gator/templates/currency-rub.js";import"../../../icon/gator/templates/cursor.js";import"../../../icon/gator/templates/cursor-arrow.js";import"../../../icon/gator/templates/cursor-hand.js";import"../../../icon/gator/templates/dashboard.js";import"../../../icon/gator/templates/delete.js";import"../../../icon/gator/templates/dna.js";import"../../../icon/gator/templates/document.js";import"../../../icon/gator/templates/document-add.js";import"../../../icon/gator/templates/document-check.js";import"../../../icon/gator/templates/document-e-sign.js";import"../../../icon/gator/templates/document-image.js";import"../../../icon/gator/templates/document-pdf.js";import"../../../icon/gator/templates/document-sign.js";import"../../../icon/gator/templates/document-zip.js";import"../../../icon/gator/templates/dollar-bills.js";import"../../../icon/gator/templates/dollar-house.js";import"../../../icon/gator/templates/down-payment.js";import"../../../icon/gator/templates/download.js";import"../../../icon/gator/templates/drag-drop.js";import"../../../icon/gator/templates/earth.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/exit-left.js";import"../../../icon/gator/templates/expand.js";import"../../../icon/gator/templates/expand-arrows.js";import"../../../icon/gator/templates/export.js";import"../../../icon/gator/templates/eye.js";import"../../../icon/gator/templates/eye-closed.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/facebook-logo.js";import"../../../icon/gator/templates/file-code.js";import"../../../icon/gator/templates/files.js";import"../../../icon/gator/templates/filter-funnel.js";import"../../../icon/gator/templates/filters.js";import"../../../icon/gator/templates/filters-2.js";import"../../../icon/gator/templates/flame.js";import"../../../icon/gator/templates/flash-off.js";import"../../../icon/gator/templates/flash-on.js";import"../../../icon/gator/templates/folder.js";import"../../../icon/gator/templates/gauge.js";import"../../../icon/gator/templates/hammer.js";import"../../../icon/gator/templates/hand-pointing.js";import"../../../icon/gator/templates/heart.js";import"../../../icon/gator/templates/home-door.js";import"../../../icon/gator/templates/home-finance.js";import"../../../icon/gator/templates/home-finance-arrow.js";import"../../../icon/gator/templates/home-search.js";import"../../../icon/gator/templates/house.js";import"../../../icon/gator/templates/house-simple.js";import"../../../icon/gator/templates/inbox.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/instagram-logo.js";import"../../../icon/gator/templates/interest-rate.js";import"../../../icon/gator/templates/invoice.js";import"../../../icon/gator/templates/label.js";import"../../../icon/gator/templates/laptop.js";import"../../../icon/gator/templates/layout.js";import"../../../icon/gator/templates/lightbulb.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/linkedin-logo.js";import"../../../icon/gator/templates/list.js";import"../../../icon/gator/templates/loading.js";import"../../../icon/gator/templates/loading-spinner-gif.js";import"../../../icon/gator/templates/lock.js";import"../../../icon/gator/templates/magic-wand.js";import"../../../icon/gator/templates/mail.js";import"../../../icon/gator/templates/mail-open.js";import"../../../icon/gator/templates/mailbox.js";import"../../../icon/gator/templates/map.js";import"../../../icon/gator/templates/menu-hamburger.js";import"../../../icon/gator/templates/microsoft-excel-logo.js";import"../../../icon/gator/templates/microsoft-outlook-logo.js";import"../../../icon/gator/templates/microsoft-powerpoint-logo.js";import"../../../icon/gator/templates/microsoft-teams-logo.js";import"../../../icon/gator/templates/microsoft-word-logo.js";import"../../../icon/gator/templates/minus.js";import"../../../icon/gator/templates/minus-circle.js";import"../../../icon/gator/templates/minus-square.js";import"../../../icon/gator/templates/mobile-phone-2.js";import"../../../icon/gator/templates/monitor.js";import"../../../icon/gator/templates/move.js";import"../../../icon/gator/templates/move-doc.js";import"../../../icon/gator/templates/music.js";import"../../../icon/gator/templates/number-1.js";import"../../../icon/gator/templates/number-2.js";import"../../../icon/gator/templates/number-3.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/paper-airplane.js";import"../../../icon/gator/templates/paperclip.js";import"../../../icon/gator/templates/pen.js";import"../../../icon/gator/templates/pencil.js";import"../../../icon/gator/templates/pencil-paper.js";import"../../../icon/gator/templates/people-multiple.js";import"../../../icon/gator/templates/people-share.js";import"../../../icon/gator/templates/percent.js";import"../../../icon/gator/templates/person.js";import"../../../icon/gator/templates/person-add.js";import"../../../icon/gator/templates/person-check.js";import"../../../icon/gator/templates/person-lock.js";import"../../../icon/gator/templates/phone.js";import"../../../icon/gator/templates/phone-alert.js";import"../../../icon/gator/templates/phone-mobile.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/pin.js";import"../../../icon/gator/templates/pinterest-logo.js";import"../../../icon/gator/templates/plus.js";import"../../../icon/gator/templates/plus-circle.js";import"../../../icon/gator/templates/printer.js";import"../../../icon/gator/templates/question-chat-bubble.js";import"../../../icon/gator/templates/question-circle.js";import"../../../icon/gator/templates/question-mark.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/receipt.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/sandals.js";import"../../../icon/gator/templates/save.js";import"../../../icon/gator/templates/screen.js";import"../../../icon/gator/templates/search.js";import"../../../icon/gator/templates/settings.js";import"../../../icon/gator/templates/share-1.js";import"../../../icon/gator/templates/share-2.js";import"../../../icon/gator/templates/shield-lock.js";import"../../../icon/gator/templates/shield-warning.js";import"../../../icon/gator/templates/sidebar.js";import"../../../icon/gator/templates/sidebar-simple.js";import"../../../icon/gator/templates/smart-home.js";import"../../../icon/gator/templates/sort-arrow-solid-down.js";import"../../../icon/gator/templates/sort-arrow-solid-left.js";import"../../../icon/gator/templates/sort-arrow-solid-right.js";import"../../../icon/gator/templates/sort-arrow-solid-up.js";import"../../../icon/gator/templates/sort-arrow-solid-up-down.js";import"../../../icon/gator/templates/sort-reverse-variant.js";import"../../../icon/gator/templates/sort-variant.js";import"../../../icon/gator/templates/sparkle.js";import"../../../icon/gator/templates/sparkle-filled.js";import"../../../icon/gator/templates/speech-bubble.js";import"../../../icon/gator/templates/stack.js";import"../../../icon/gator/templates/stamp.js";import"../../../icon/gator/templates/star.js";import"../../../icon/gator/templates/star-four.js";import"../../../icon/gator/templates/star-four-filled.js";import"../../../icon/gator/templates/stopwatch.js";import"../../../icon/gator/templates/sun.js";import"../../../icon/gator/templates/sync.js";import"../../../icon/gator/templates/tab-arrows.js";import"../../../icon/gator/templates/target.js";import"../../../icon/gator/templates/thumbs-down.js";import"../../../icon/gator/templates/thumbs-up.js";import"../../../icon/gator/templates/tools.js";import"../../../icon/gator/templates/touch-id.js";import"../../../icon/gator/templates/trash.js";import"../../../icon/gator/templates/twitter-logo.js";import"../../../icon/gator/templates/unlink.js";import"../../../icon/gator/templates/unlock.js";import"../../../icon/gator/templates/upload.js";import"../../../icon/gator/templates/video.js";import"../../../icon/gator/templates/warning.js";import"../../../icon/gator/templates/warning-circle.js";import"../../../icon/gator/templates/warning-diamond.js";import"../../../icon/gator/templates/warning-octagon.js";import"../../../icon/gator/templates/wet-sign.js";import"../../../icon/gator/templates/wifi.js";import"../../../icon/gator/templates/wifi-off.js";import"../../../icon/gator/templates/x-logo.js";import"../../../icon/gator/templates/yelp-logo.js";import"../../../icon/gator/templates/youtube-logo.js";import"../../../icon/gator/templates/zillow-logo.js";import{T as I}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import{o as d}from"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk9.js";import"../../../icon/icon-registry.js";import"../../../../utils/components/ngc-component.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 k=Object.defineProperty,F=Object.getOwnPropertyDescriptor,i=(o,m,n,p)=>{for(var s=p>1?void 0:p?F(m,n):m,a=o.length-1,c;a>=0;a--)(c=o[a])&&(s=(p?c(m,n,s):c(s))||s);return p&&s&&k(m,n,s),s};let t=class extends b(I){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.iconOnly=!1,this._role="listitem",this.falseFocusing=!1,this.listItemRef=y()}updated(){this.selectable&&(this._role="option")}render(){return r`
|
|
2
2
|
<div ${x(this.listItemRef)}
|
|
3
3
|
class="gator-list-item ${this.listItemDensityClass} ${this.selectableClass} ${this.falseFocusClass}"
|
|
4
4
|
role="${this._role}"
|
|
5
5
|
id="${this.replacedStringId}"
|
|
6
|
-
@click
|
|
6
|
+
@click=${()=>this.handleListItemClicked()}
|
|
7
7
|
@keyup="${o=>this.handleItemKeyUp(o)}"
|
|
8
8
|
tabindex="${this.tabIndex}"
|
|
9
9
|
aria-selected="${d(this.selectable?this.selected:void 0)}"
|
|
@@ -40,4 +40,4 @@ import{r as g,a as l,x as r}from"../../../../assets/index-chunk2.js";import{t as
|
|
|
40
40
|
<div class="gator-list-item-end-icon" aria-hidden="true">
|
|
41
41
|
<ngc-icon name="${this.endIcon}"></ngc-icon>
|
|
42
42
|
</div>
|
|
43
|
-
`}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(o){(o.key==="Enter"||o.key===" ")&&(this.handleListItemClicked(),o.preventDefault())}selectItem(){this.selected=!0,this.handleListItemClicked()}falseFocus(){this.falseFocusing=!0,this.listItemRef.value&&this.listItemRef.value.scrollIntoView({block:"nearest"})}removeFalseFocus(){this.falseFocusing=!1}};t.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0,mode:"open"};t.styles=[l(C),l(f),l(v),l($)];i([e()],t.prototype,"id",2);i([e()],t.prototype,"text",2);i([e()],t.prototype,"value",2);i([e()],t.prototype,"subtitle",2);i([e()],t.prototype,"density",2);i([e({type:Boolean})],t.prototype,"selectable",2);i([e({type:Boolean})],t.prototype,"selected",2);i([e({type:Boolean})],t.prototype,"multiselect",2);i([e({attribute:"end-icon"})],t.prototype,"endIcon",2);i([e({attribute:"start-icon"})],t.prototype,"startIcon",2);i([e({type:Boolean,attribute:"current-list-item"})],t.prototype,"currentListItem",2);i([e({type:Boolean,attribute:"faux-focus"})],t.prototype,"fauxFocus",2);i([e({type:Boolean,attribute:"icon-only"})],t.prototype,"iconOnly",2);i([u()],t.prototype,"_role",2);i([u()],t.prototype,"falseFocusing",2);t=i([h("ngc-list-item")],t);
|
|
43
|
+
`}get falseFocusClass(){return this.falseFocusing?"gator-list-item-faux-focus":""}click(){this.handleListItemClicked()}handleListItemClicked(){this.selectable&&this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0,detail:{id:this.id,value:this.value}}))}handleItemKeyUp(o){(o.key==="Enter"||o.key===" ")&&(this.handleListItemClicked(),o.preventDefault())}selectItem(){this.selected=!0,this.handleListItemClicked()}falseFocus(){this.falseFocusing=!0,this.listItemRef.value&&this.listItemRef.value.scrollIntoView({block:"nearest"})}removeFalseFocus(){this.falseFocusing=!1}};t.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0,mode:"open"};t.styles=[l(C),l(f),l(v),l($)];i([e()],t.prototype,"id",2);i([e()],t.prototype,"text",2);i([e()],t.prototype,"value",2);i([e()],t.prototype,"subtitle",2);i([e()],t.prototype,"density",2);i([e({type:Boolean})],t.prototype,"selectable",2);i([e({type:Boolean})],t.prototype,"selected",2);i([e({type:Boolean})],t.prototype,"multiselect",2);i([e({attribute:"end-icon"})],t.prototype,"endIcon",2);i([e({attribute:"start-icon"})],t.prototype,"startIcon",2);i([e({type:Boolean,attribute:"current-list-item"})],t.prototype,"currentListItem",2);i([e({type:Boolean,attribute:"faux-focus"})],t.prototype,"fauxFocus",2);i([e({type:Boolean,attribute:"icon-only"})],t.prototype,"iconOnly",2);i([u()],t.prototype,"_role",2);i([u()],t.prototype,"falseFocusing",2);t=i([h("ngc-list-item")],t);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import{a as g,x as i}from"../../../assets/index-chunk2.js";import{t as h}from"../../../assets/index-chunk3.js";import{n as a}from"../../../assets/index-chunk.js";import"../../card/gator/header/card-header.gator.js";import"../../icon-button/gator/icon-button.gator.js";import{e as f,n as y}from"../../../assets/index-chunk8.js";import{o as m}from"../../../assets/index-chunk7.js";import{T as v}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../card/gator/content/card-content.gator.js";import"../../../assets/index-chunk5.js";import"../../../assets/index-chunk6.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/text-detail.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-chunk9.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/slds/icon.slds.js";import"../../icon/icon.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/add-link.js";import"../../icon/icon-registry.js";import"../../icon/gator/templates/airplane.js";import"../../icon/gator/templates/alarm.js";import"../../icon/gator/templates/apartment.js";import"../../icon/gator/templates/arrow-around.js";import"../../icon/gator/templates/arrow-down.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-line-left.js";import"../../icon/gator/templates/arrow-line-right.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/arrow-up.js";import"../../icon/gator/templates/bank.js";import"../../icon/gator/templates/bell.js";import"../../icon/gator/templates/bell-disabled.js";import"../../icon/gator/templates/binoculars.js";import"../../icon/gator/templates/book.js";import"../../icon/gator/templates/box.js";import"../../icon/gator/templates/cake.js";import"../../icon/gator/templates/calculator.js";import"../../icon/gator/templates/calendar.js";import"../../icon/gator/templates/camera.js";import"../../icon/gator/templates/caret-up-down.js";import"../../icon/gator/templates/case.js";import"../../icon/gator/templates/chart-rise.js";import"../../icon/gator/templates/chat.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/check-circle.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-left.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/circle.js";import"../../icon/gator/templates/circle-arrow-down.js";import"../../icon/gator/templates/circle-arrow-left.js";import"../../icon/gator/templates/circle-arrow-right.js";import"../../icon/gator/templates/circle-arrow-up.js";import"../../icon/gator/templates/circle-filled.js";import"../../icon/gator/templates/city.js";import"../../icon/gator/templates/clipboard.js";import"../../icon/gator/templates/clock.js";import"../../icon/gator/templates/clock-clockwise.js";import"../../icon/gator/templates/clock-counter-clockwise.js";import"../../icon/gator/templates/collapse.js";import"../../icon/gator/templates/cone.js";import"../../icon/gator/templates/contact-info.js";import"../../icon/gator/templates/copy.js";import"../../icon/gator/templates/credit-card.js";import"../../icon/gator/templates/crop.js";import"../../icon/gator/templates/crosshairs.js";import"../../icon/gator/templates/currency-dollar-simple.js";import"../../icon/gator/templates/currency-eur.js";import"../../icon/gator/templates/currency-gbp.js";import"../../icon/gator/templates/currency-inr.js";import"../../icon/gator/templates/currency-jpy.js";import"../../icon/gator/templates/currency-krw.js";import"../../icon/gator/templates/currency-kzt.js";import"../../icon/gator/templates/currency-ngn.js";import"../../icon/gator/templates/currency-rub.js";import"../../icon/gator/templates/cursor.js";import"../../icon/gator/templates/cursor-arrow.js";import"../../icon/gator/templates/cursor-hand.js";import"../../icon/gator/templates/dashboard.js";import"../../icon/gator/templates/delete.js";import"../../icon/gator/templates/dna.js";import"../../icon/gator/templates/document.js";import"../../icon/gator/templates/document-add.js";import"../../icon/gator/templates/document-check.js";import"../../icon/gator/templates/document-e-sign.js";import"../../icon/gator/templates/document-image.js";import"../../icon/gator/templates/document-pdf.js";import"../../icon/gator/templates/document-sign.js";import"../../icon/gator/templates/document-zip.js";import"../../icon/gator/templates/dollar-bills.js";import"../../icon/gator/templates/dollar-house.js";import"../../icon/gator/templates/down-payment.js";import"../../icon/gator/templates/download.js";import"../../icon/gator/templates/drag-drop.js";import"../../icon/gator/templates/earth.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/exit-left.js";import"../../icon/gator/templates/expand.js";import"../../icon/gator/templates/expand-arrows.js";import"../../icon/gator/templates/export.js";import"../../icon/gator/templates/eye.js";import"../../icon/gator/templates/eye-closed.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/facebook-logo.js";import"../../icon/gator/templates/file-code.js";import"../../icon/gator/templates/files.js";import"../../icon/gator/templates/filter-funnel.js";import"../../icon/gator/templates/filters.js";import"../../icon/gator/templates/filters-2.js";import"../../icon/gator/templates/flame.js";import"../../icon/gator/templates/flash-off.js";import"../../icon/gator/templates/flash-on.js";import"../../icon/gator/templates/folder.js";import"../../icon/gator/templates/gauge.js";import"../../icon/gator/templates/hammer.js";import"../../icon/gator/templates/hand-pointing.js";import"../../icon/gator/templates/heart.js";import"../../icon/gator/templates/home-door.js";import"../../icon/gator/templates/home-finance.js";import"../../icon/gator/templates/home-finance-arrow.js";import"../../icon/gator/templates/home-search.js";import"../../icon/gator/templates/house.js";import"../../icon/gator/templates/house-simple.js";import"../../icon/gator/templates/inbox.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/instagram-logo.js";import"../../icon/gator/templates/interest-rate.js";import"../../icon/gator/templates/invoice.js";import"../../icon/gator/templates/label.js";import"../../icon/gator/templates/laptop.js";import"../../icon/gator/templates/layout.js";import"../../icon/gator/templates/lightbulb.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/linkedin-logo.js";import"../../icon/gator/templates/list.js";import"../../icon/gator/templates/loading.js";import"../../icon/gator/templates/loading-spinner-gif.js";import"../../icon/gator/templates/lock.js";import"../../icon/gator/templates/magic-wand.js";import"../../icon/gator/templates/mail.js";import"../../icon/gator/templates/mail-open.js";import"../../icon/gator/templates/mailbox.js";import"../../icon/gator/templates/map.js";import"../../icon/gator/templates/menu-hamburger.js";import"../../icon/gator/templates/microsoft-excel-logo.js";import"../../icon/gator/templates/microsoft-outlook-logo.js";import"../../icon/gator/templates/microsoft-powerpoint-logo.js";import"../../icon/gator/templates/microsoft-teams-logo.js";import"../../icon/gator/templates/microsoft-word-logo.js";import"../../icon/gator/templates/minus.js";import"../../icon/gator/templates/minus-circle.js";import"../../icon/gator/templates/minus-square.js";import"../../icon/gator/templates/mobile-phone-2.js";import"../../icon/gator/templates/monitor.js";import"../../icon/gator/templates/move.js";import"../../icon/gator/templates/move-doc.js";import"../../icon/gator/templates/music.js";import"../../icon/gator/templates/number-1.js";import"../../icon/gator/templates/number-2.js";import"../../icon/gator/templates/number-3.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/paper-airplane.js";import"../../icon/gator/templates/paperclip.js";import"../../icon/gator/templates/pen.js";import"../../icon/gator/templates/pencil.js";import"../../icon/gator/templates/pencil-paper.js";import"../../icon/gator/templates/people-multiple.js";import"../../icon/gator/templates/people-share.js";import"../../icon/gator/templates/percent.js";import"../../icon/gator/templates/person.js";import"../../icon/gator/templates/person-add.js";import"../../icon/gator/templates/person-check.js";import"../../icon/gator/templates/person-lock.js";import"../../icon/gator/templates/phone.js";import"../../icon/gator/templates/phone-alert.js";import"../../icon/gator/templates/phone-mobile.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/pin.js";import"../../icon/gator/templates/pinterest-logo.js";import"../../icon/gator/templates/plus.js";import"../../icon/gator/templates/plus-circle.js";import"../../icon/gator/templates/printer.js";import"../../icon/gator/templates/question-chat-bubble.js";import"../../icon/gator/templates/question-circle.js";import"../../icon/gator/templates/question-mark.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/receipt.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/sandals.js";import"../../icon/gator/templates/save.js";import"../../icon/gator/templates/screen.js";import"../../icon/gator/templates/search.js";import"../../icon/gator/templates/settings.js";import"../../icon/gator/templates/share-1.js";import"../../icon/gator/templates/share-2.js";import"../../icon/gator/templates/shield-lock.js";import"../../icon/gator/templates/shield-warning.js";import"../../icon/gator/templates/sidebar.js";import"../../icon/gator/templates/sidebar-simple.js";import"../../icon/gator/templates/smart-home.js";import"../../icon/gator/templates/sort-arrow-solid-down.js";import"../../icon/gator/templates/sort-arrow-solid-left.js";import"../../icon/gator/templates/sort-arrow-solid-right.js";import"../../icon/gator/templates/sort-arrow-solid-up.js";import"../../icon/gator/templates/sort-arrow-solid-up-down.js";import"../../icon/gator/templates/sort-reverse-variant.js";import"../../icon/gator/templates/sort-variant.js";import"../../icon/gator/templates/sparkle.js";import"../../icon/gator/templates/sparkle-filled.js";import"../../icon/gator/templates/speech-bubble.js";import"../../icon/gator/templates/stack.js";import"../../icon/gator/templates/stamp.js";import"../../icon/gator/templates/star.js";import"../../icon/gator/templates/star-four.js";import"../../icon/gator/templates/star-four-filled.js";import"../../icon/gator/templates/stopwatch.js";import"../../icon/gator/templates/sun.js";import"../../icon/gator/templates/sync.js";import"../../icon/gator/templates/tab-arrows.js";import"../../icon/gator/templates/target.js";import"../../icon/gator/templates/thumbs-down.js";import"../../icon/gator/templates/thumbs-up.js";import"../../icon/gator/templates/tools.js";import"../../icon/gator/templates/touch-id.js";import"../../icon/gator/templates/trash.js";import"../../icon/gator/templates/twitter-logo.js";import"../../icon/gator/templates/unlink.js";import"../../icon/gator/templates/unlock.js";import"../../icon/gator/templates/upload.js";import"../../icon/gator/templates/video.js";import"../../icon/gator/templates/warning.js";import"../../icon/gator/templates/warning-circle.js";import"../../icon/gator/templates/warning-diamond.js";import"../../icon/gator/templates/warning-octagon.js";import"../../icon/gator/templates/wet-sign.js";import"../../icon/gator/templates/wifi.js";import"../../icon/gator/templates/wifi-off.js";import"../../icon/gator/templates/x-logo.js";import"../../icon/gator/templates/yelp-logo.js";import"../../icon/gator/templates/youtube-logo.js";import"../../icon/gator/templates/zillow-logo.js";import"../../../utils/components/ngc-component.js";import"../../icon-button/icon-button.js";const c=".gator-panel{display:flex;width:var(--ngc-panel-width, 29.5rem);height:100%;flex-direction:column;flex:1 0 0;align-items:flex-start;background:var(--color-surface-primary-white, #FFF)}.gator-panel-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left-property-1-x-offset, 4px) var(--shadow-panel-left-property-1-y-offset, 0px) var(--shadow-panel-left-property-1-blur, 10px) var(--shadow-panel-right-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-panel-left-property-2-x-offset, 4px) var(--shadow-panel-right-property-2-y-offset, 0px) var(--shadow-panel-right-property-2-blur, 14px) var(--shadow-panel-right-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-panel-left-property-3-x-offset, 4px) var(--shadow-panel-left-property-3-y-offset, 0px) var(--shadow-panel-left-property-3-blur, 6px) var(--shadow-panel-left-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-panel-left.gator-panel-outlined{border-right:1px solid var(--color-stroke-tertiary, #E5E5E5)}.gator-panel-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right-property-1-x-offset, -4px) var(--shadow-panel-right-property-1-y-offset, 0px) var(--shadow-panel-right-property-1-blur, 10px) var(--shadow-panel-right-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-panel-right-property-2-x-offset, -4px) var(--shadow-panel-right-property-2-y-offset, 0px) var(--shadow-panel-right-property-2-blur, 14px) var(--shadow-panel-right-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-panel-right-property-3-x-offset, -4px) var(--shadow-panel-right-property-3-y-offset, 0px) var(--shadow-panel-right-property-3-blur, 6px) var(--shadow-panel-right-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-panel-right.gator-panel-outlined{border-left:1px solid var(--color-stroke-tertiary, #E5E5E5)}.gator-panel-bottom{width:100%;height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom-property-1-x-offset, 0px) var(--shadow-panel-bottom-property-1-y-offset, -4px) var(--shadow-panel-left-property-1-blur, 10px) var(--shadow-panel-right-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-panel-bottom-property-2-x-offset, 0px) var(--shadow-panel-bottom-property-2-y-offset, -4px) var(--shadow-panel-right-property-2-blur, 14px) var(--shadow-panel-right-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-panel-bottom-property-3-x-offset, 0px) var(--shadow-panel-bottom-property-3-y-offset, -4px) var(--shadow-panel-left-property-3-blur, 6px) var(--shadow-panel-left-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-panel-bottom.gator-panel-outlined{border-top:1px solid var(--color-stroke-tertiary, #E5E5E5);border-right:1px solid var(--color-stroke-tertiary, #E5E5E5);border-left:1px solid var(--color-stroke-tertiary, #E5E5E5)}.gator-panel-bottom-left{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-left.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom-left-property-1-x-offset, 4px) var(--shadow-panel-bottom-left-property-1-y-offset, -4px) var(--shadow-panel-left-property-1-blur, 10px) var(--shadow-panel-right-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-panel-bottom-left-property-2-x-offset, 4px) var(--shadow-panel-bottom-left-property-2-y-offset, -4px) var(--shadow-panel-right-property-2-blur, 14px) var(--shadow-panel-right-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-panel-bottom-left-property-3-x-offset, 4px) var(--shadow-panel-bottom-left-property-3-y-offset, -4px) var(--shadow-panel-left-property-3-blur, 6px) var(--shadow-panel-left-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-panel-bottom-left.gator-panel-outlined{border-top:1px solid var(--color-stroke-tertiary, #E5E5E5);border-right:1px solid var(--color-stroke-tertiary, #E5E5E5)}.gator-panel-bottom-right{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-right.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom-right-property-1-x-offset, -4px) var(--shadow-panel-bottom-right-property-1-y-offset, -4px) var(--shadow-panel-left-property-1-blur, 10px) var(--shadow-panel-right-property-1-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-panel-bottom-right-property-2-x-offset, -4px) var(--shadow-panel-bottom-right-property-2-y-offset, -4px) var(--shadow-panel-right-property-2-blur, 14px) var(--shadow-panel-right-property-2-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08)),var(--shadow-panel-bottom-right-property-3-x-offset, -4px) var(--shadow-panel-bottom-right-property-3-y-offset, -4px) var(--shadow-panel-left-property-3-blur, 6px) var(--shadow-panel-left-property-3-spread, 0px) var(--shadow-color-8, rgba(31, 31, 31, .08))}.gator-panel-bottom-right.gator-panel-outlined{border-top:1px solid var(--color-stroke-tertiary, #E5E5E5);border-left:1px solid var(--color-stroke-tertiary, #E5E5E5)}:focus-visible{outline:none;border:2px solid var(--color-stroke-brand, #11395B)}.gator-panel-header{border-bottom:var(--ngc-panel-header-border-bottom, 1px solid var(--color-stroke-tertiary, #E5E5E5));padding:var(--spacing-4, 1rem);align-self:stretch;height:var(--ngc-panel-header-height, max-content)}.gator-panel-content{display:flex;flex-direction:column;padding:var(--ngc-panel-body-padding, var(--spacing-padding-margin-16, 1rem));flex:1 0 0;align-self:stretch;gap:var(--spacing-4, 1rem)}.gator-panel-footer{padding:var(--spacing-4, 1rem);align-self:stretch;border-top:var(--ngc-panel-footer-border-top, none);background:var(--ngc-panel-footer-background-color, var(--card-color-footer-background-color, #F7F7F7));height:var(--ngc-panel-footer-height, max-content)}.gator-panel-footer-loading{display:flex;gap:var(--spacing-4, 1rem);justify-content:center;align-items:center;height:100%}.gator-panel:not(.gator-panel-open,.gator-panel-close){display:none}.gator-panel .gator-panel-open{display:flex}.gator-panel-overlay{position:absolute;z-index:1}.gator-panel-overlay.gator-panel-open.gator-panel-left{top:0;left:var(--anchor-element-offset, 0);animation:slideInFromLeft .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-right{top:0;right:var(--anchor-element-offset, 0);animation:slideInFromRight .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom,.gator-panel-overlay.gator-panel-open.gator-panel-bottom-left{bottom:0;left:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom-right{bottom:0;right:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-left{animation:slideOutToLeft .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-right{animation:slideOutToRight .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-bottom,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-left,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-right{animation:slideOutToBottom .3s forwards}@keyframes slideInFromLeft{0%{display:none;transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(-100%);display:none;opacity:0}}@keyframes slideInFromRight{0%{display:none;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(100%);display:none;opacity:0}}@keyframes slideInFromBottom{0%{display:none;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}25%{opacity:1}to{transform:translateY(100%);display:none;opacity:0}}",b=":host{--ngc-panel-width: 29.5rem;--ngc-panel-height-bottom: 29.5rem;--ngc-panel-header-height: max-content;--ngc-panel-footer-height: max-content;--ngc-panel-body-padding: var(--spacing-padding-margin-16, 1rem);--ngc-panel-footer-background-color: var(--card-color-footer-background-color, #F7F7F7);--ngc-panel-footer-border-top: none;--ngc-panel-header-border-bottom: 1px solid var(--color-stroke-tertiary, #E5E5E5)}";var x=Object.defineProperty,w=Object.getOwnPropertyDescriptor,e=(t,r,l,n)=>{for(var p=n>1?void 0:n?w(r,l):r,s=t.length-1,d;s>=0;s--)(d=t[s])&&(p=(n?d(r,l,p):d(p))||p);return n&&p&&x(r,l,p),p};let o=class extends v{constructor(){super(...arguments),this.type="overlay",this.open=!1,this.position="left",this.skeleton=!1,this.outlined=!1,this.anchorElement=null,this.ariaLabel=null,this.ariaLabelledBy=null,this.panelRef=f()}render(){var t;return i`
|
|
2
|
+
<div ${y(this.panelRef)}
|
|
3
|
+
style=${m(this.anchorElement?`--anchor-element-offset: ${(t=this.anchorElement)==null?void 0:t.offsetWidth}px;`:void 0)}
|
|
4
|
+
class="gator-panel gator-panel-${this.type} gator-panel-${this.position} gator-panel-${this.outlined?"outlined":"elevated"} ${this.open?"gator-panel-open":""}"
|
|
5
|
+
aria-hidden=${!this.open}
|
|
6
|
+
role="dialog"
|
|
7
|
+
aria-modal="false"
|
|
8
|
+
tabindex="-1"
|
|
9
|
+
aria-label=${m(this.ariaLabel||void 0)}
|
|
10
|
+
aria-labelledby=${m(this.ariaLabelledBy||void 0)}
|
|
11
|
+
data-testid=${m(this.dataTestid)}-dialog
|
|
12
|
+
>
|
|
13
|
+
<div class="gator-panel-header">
|
|
14
|
+
${this.skeleton?i`<ngc-text-detail skeleton></ngc-text-detail>`:i`<slot name="header"></slot>`}
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<div class="gator-panel-content">
|
|
18
|
+
${this.skeleton?this.gatorPanelContentLoadingMarkup:i`<slot name="body"></slot>`}
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<div class="gator-panel-footer">
|
|
22
|
+
${this.skeleton?this.gatorPanelFooterLoadingMarkup:i`<slot name="footer"></slot>`}
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
`}updated(){var t;this.anchorElement&&((t=this.anchorElement)==null||t.style.setProperty("z-index","2"))}get gatorPanelContentLoadingMarkup(){return i`
|
|
26
|
+
<ngc-text-detail skeleton></ngc-text-detail>
|
|
27
|
+
<ngc-text-detail skeleton></ngc-text-detail>
|
|
28
|
+
<ngc-text-detail skeleton></ngc-text-detail>
|
|
29
|
+
`}get gatorPanelFooterLoadingMarkup(){return i`
|
|
30
|
+
<div class="gator-panel-footer-loading">
|
|
31
|
+
<ngc-button skeleton></ngc-button>
|
|
32
|
+
<ngc-button skeleton></ngc-button>
|
|
33
|
+
</div>
|
|
34
|
+
`}closePanel(){var r,l;const t=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))};return this.type==="overlay"?((r=this.panelRef.value)==null||r.classList.add("gator-panel-close"),(l=this.panelRef.value)==null?void 0:l.addEventListener("animationend",t,{once:!0})):(t(),null)}openPanel(){var t;this.open=!0,this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),(t=this.panelRef.value)==null||t.addEventListener("animationend",()=>{var r;(r=this.panelRef.value)==null||r.focus()},{once:!0})}};o.styles=[g(c),g(b)];e([a({type:String})],o.prototype,"type",2);e([a({type:Boolean})],o.prototype,"open",2);e([a({type:String})],o.prototype,"position",2);e([a({type:Boolean})],o.prototype,"skeleton",2);e([a({type:Boolean})],o.prototype,"outlined",2);e([a({type:HTMLElement,attribute:"anchor-element"})],o.prototype,"anchorElement",2);e([a({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);e([a({type:String,attribute:"aria-labelledby"})],o.prototype,"ariaLabelledBy",2);o=e([h("ngc-panel")],o);
|