+
+
+
+
+```
+
+- [ ] **Step 2: Typecheck + lint**
+
+Run: `npm run typecheck && npx eslint resources/js/modules/elements/components/BaseElementIndex.vue`
+Expected: no errors. (If `t()`'s ICU plural signature complains, match the exact `t()` call style already used in `AdminTable.vue`'s `Text` usage — category as third arg — and re-run.)
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add resources/js/modules/elements/components/BaseElementIndex.vue
+git commit -m "Add BaseElementIndex shell with footer and aria-live region"
+```
+
+---
+
+## Task 3: `DataTable.vue` (bare table core)
+
+**Files:**
+- Create: `resources/js/modules/elements/components/DataTable.vue`
+
+**Interfaces:**
+- Consumes: `useElementIndexSelection` (Task 1); `@tanstack/vue-table` `FlexRender`; `ColumnHeaderTitle`, `DropIndicator`, `LoadingSkeleton`, `useReorderableRows` (all already imported by today's `AdminTable`).
+- Produces: props `{table, selectable?, readOnly?, loading?, reorderable?, layout?, spacing?, title?}`, emit `reorder: [startIndex, finishIndex]`.
+
+This task **moves** the entire `
+
+
+
+
+
+
+
+ {{ liveMessage }}
+ | Property | +Attribute | +Type | +Default | +Description | +
|---|---|---|---|---|
+ fill
+ |
+
+ fill
+ |
+
+ ColorValue
+ |
+
+ gray
+ |
+
+ The badge color — a value from the shared Color palette
+ (see Fill). Reflected to the fill{' '}
+ attribute.
+ |
+
| Slot | +Description | +
|---|---|
| + (default) + | +The label content, shown after the indicator. | +
+ prefix
+ |
+
+ Leading content. Defaults to a <craft-indicator>{' '}
+ filled from fill; slot your own element to replace it.
+ |
+
+ suffix
+ |
+ Trailing content, shown after the label. | +
| Part | +Description | +
|---|---|
+ badge
+ |
+ The pill wrapper. | +
+ prefix
+ |
+ The leading slot, before the label. | +
+ indicator
+ |
+ The default indicator rendered in the prefix slot. | +
+ suffix
+ |
+ The trailing slot, after the label. | +
+ ${Object.entries(Color).map(
+ ([key, value]) =>
+ html`${capitalize(key)} `
+ )}
+
+ `,
+};
+
+export const SemanticColors: Story = {
+ render: () => html`
+
+ ${(
+ [
+ ['Neutral', Color.Neutral],
+ ['Accent', Color.Accent],
+ ['Success', Color.Success],
+ ['Warning', Color.Warning],
+ ['Danger', Color.Danger],
+ ['Info', Color.Info],
+ ] as const
+ ).map(
+ ([label, value]) =>
+ html`${label} `
+ )}
+
+ `,
+};
+
+export const CustomPrefix: Story = {
+ render: () => html`
+
+ ${(['accent', 'filled', 'plain', 'dashed'] as const).map(
+ (appearance) => html`
+
+ `,
+};
+
+/** Icon-only buttons work in radio mode just like labeled buttons. */
+export const RadioModeIcons: Story = {
+ name: 'Radio mode — icon buttons',
+ render: () => html`
+
+ ${appearance}
+
+ A
+ B
+ C
+
+
+ `
+ )}
+
+ const hasThumb = !!this.querySelector('[slot="thumbnail"]');
+ const hasIndicator = !!this.querySelector('[slot="indicator"]');
+
+ return html`
-
+ ${hasThumb
+ ? html`
${this.icon
- ? html`
`;
}
+ protected override firstUpdated(_changedProperties: PropertyValues) {
+ super.firstUpdated(_changedProperties);
+ this.#thumbLoader.load(this);
+ }
+
override render() {
// query the element Light DOM children for slotted elements
const renderPrefix =
!!this.querySelector('[slot="prefix"]') ||
!!this.querySelector('[slot="icon"]') ||
+ !!this.querySelector('[slot="thumbnail"]') ||
+ !!this.querySelector('[slot="indicator"]') ||
this.icon;
const renderSuffix = !!this.querySelector('[slot="suffix"]');
@@ -56,7 +98,7 @@ export default class CraftChip extends LitElement {
'cp-chip--small': this.size === 'small',
'cp-chip--medium': this.size === 'medium',
'cp-chip--large': this.size === 'large',
- 'cp-chip--plain': this.variant === 'plain',
+ 'cp-chip--plain': this.appearance === Appearance.Plain,
})}"
>
${renderPrefix ? this.renderPrefix() : nothing}
@@ -64,7 +106,7 @@ export default class CraftChip extends LitElement {
${renderSuffix
- ? html`
+ ? html`
-
-
+
+
+ ;
export default meta;
type Story = StoryObj;
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export const Basic: Story = {
- args: {},
+export const Collapsed: Story = {
+ args: {
+ state: 'collapsed',
+ },
+ play: async ({canvas, userEvent}) => {
+ const trigger = canvas.getByRole('button');
+ await expect(trigger).toHaveAttribute('aria-expanded', 'false');
+
+ await userEvent.click(trigger);
+ await expect(trigger).toHaveAttribute('aria-expanded', 'true');
+ },
};
export const Expanded: Story = {
args: {
state: 'expanded',
},
- play: async ({canvas, userEvent}) => {
- await expect(canvas.getByTestId('trigger')).toHaveAttribute(
- 'aria-expanded',
- 'true'
- );
+ play: async ({canvas}) => {
+ const trigger = canvas.getByRole('button');
+ await expect(trigger).toHaveAttribute('aria-expanded', 'true');
},
};
-export const Persistant: Story = {
- args: {
- cookieName: 'persistent-disclosure',
- },
+export const Accordion: Story = {
+ render: () => html`
+
+
+ ;
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+/** All semantic variants side by side at their default (`normal`) volume. */
export const Default: Story = {
- args: {},
+ name: 'Semantic variants',
+ render: () => html`
+
+ GraphQL
+
+ Schemas
+ Tokens
+ GraphiQL
+
+
+
+ `;
+ },
+};
+
+/** No label: no toggle, and the subnav stays expanded. */
+export const SubnavWithoutLabel: Story = {
+ args: {},
+ render(args) {
+ return html`
+
+
+
+ Schemas
+ Tokens
+ GraphiQL
+
+
+
+ `;
+ },
+};
diff --git a/packages/craftcms-cp/src/components/nav-item/nav-item.styles.ts b/packages/craftcms-cp/src/components/nav-item/nav-item.styles.ts
index 153700ab00f..a929859cb2e 100644
--- a/packages/craftcms-cp/src/components/nav-item/nav-item.styles.ts
+++ b/packages/craftcms-cp/src/components/nav-item/nav-item.styles.ts
@@ -49,10 +49,15 @@ export default css`
}
}
- .nav-item:hover:not(:has(craft-button:hover)) {
+ .nav-item:not(.nav-item--static):hover:not(:has(craft-button:hover)) {
background-color: color-mix(in srgb, currentColor, transparent 95%);
}
+ /* No href: render as a plain label, not an interactive item. */
+ .nav-item--static {
+ cursor: default;
+ }
+
.nav-item__prefix {
position: relative;
display: grid;
@@ -61,6 +66,10 @@ export default css`
aspect-ratio: 1;
width: 100%;
}
+
+ .nav-item__suffix {
+ justify-self: end;
+ }
.active-indicator {
display: inline-block;
diff --git a/packages/craftcms-cp/src/components/nav-item/nav-item.ts b/packages/craftcms-cp/src/components/nav-item/nav-item.ts
index fee63bc351c..f5cf57c6b37 100644
--- a/packages/craftcms-cp/src/components/nav-item/nav-item.ts
+++ b/packages/craftcms-cp/src/components/nav-item/nav-item.ts
@@ -1,10 +1,12 @@
import {html, LitElement, nothing} from 'lit';
import {styleMap} from 'lit/directives/style-map.js';
import {property, state} from 'lit/decorators.js';
+import {ifDefined} from 'lit/directives/if-defined.js';
import '../badge-indicator/badge-indicator';
import styles from './nav-item.styles';
import {t} from '@src/utilities/translate.js';
import {classMap} from 'lit/directives/class-map.js';
+import {Appearance} from '@src/constants/appearances';
/**
*
@@ -42,9 +44,31 @@ export default class CraftNavItem extends LitElement {
@property()
flush: boolean = false;
+ /** Whether the subnav starts open or closed. Active items always start open. */
+ @property({reflect: true, attribute: 'initial-state'})
+ initialState: 'open' | 'closed' = 'closed';
+
+ /** Where the subnav disclosure toggle is rendered. */
+ @property({attribute: 'toggle-position'})
+ togglePosition: 'prefix' | 'suffix' = 'suffix';
+
@state()
subnavState: string = 'closed';
+ /** Whether the default slot (the item's label) has any content. */
+ private get hasLabel(): boolean {
+ return Array.from(this.childNodes).some((node) => {
+ if (node.nodeType === Node.TEXT_NODE) {
+ return !!node.textContent?.trim();
+ }
+
+ return (
+ node.nodeType === Node.ELEMENT_NODE &&
+ !(node as Element).hasAttribute('slot')
+ );
+ });
+ }
+
constructor() {
super();
this.id = this.id || Math.random().toString(36).substring(2, 6);
@@ -52,8 +76,9 @@ export default class CraftNavItem extends LitElement {
override connectedCallback() {
super.connectedCallback();
- // Default to open when the item is active
- this.subnavState = this.active ? 'open' : 'closed';
+ // Default to open when the item is active, or when explicitly requested.
+ this.subnavState =
+ this.active || this.initialState === 'open' ? 'open' : 'closed';
}
toggleSubnav(event: Event) {
@@ -62,17 +87,21 @@ export default class CraftNavItem extends LitElement {
this.subnavState = this.subnavState === 'open' ? 'closed' : 'open';
}
- renderIconItem(hasSubnav: boolean) {
+ renderIconItem(showToggle: boolean) {
const itemId = `item-${this.id}`;
return html`
- ${this.renderPrefix()} ${this.renderSuffix(hasSubnav)}
+ ${this.renderPrefix()} ${this.renderSuffix(showToggle)}
@@ -102,78 +160,64 @@ export default class CraftNavItem extends LitElement {
`;
}
- renderSuffix(hasSubnav: boolean = false) {
+ renderSuffix(showToggle: boolean = false) {
return html`
`;
}
- renderItem(hasSubnav: boolean, hasPrefix: boolean = false) {
+ renderItem(showToggle: boolean, hasPrefix: boolean = false) {
return html`
- ${hasPrefix ? this.renderPrefix() : nothing}
-
${this.iconOnly
- ? this.renderIconItem(hasSubnav)
- : this.renderItem(hasSubnav, hasPrefix)}
+ ? this.renderIconItem(showToggle)
+ : this.renderItem(showToggle, hasPrefix)}
${hasSubnav
? html`
this.slideMax&&(t=this.slideMax,e=this.valueToPosition(t)),this.$graduationsUl.css("left",e),t>=this.slideMin&&t<=this.slideMax&&(this.$options.removeClass("selected"),$.each(this.$options,function(e,i){$(i).data("graduation")>0&&$(i).data("graduation")<=t&&$(i).addClass("selected"),$(i).data("graduation")<0&&$(i).data("graduation")>=t&&$(i).addClass("selected"),0==$(i).data("graduation")&&$(i).addClass("selected")})),this.$container.attr({"aria-valuenow":t,"aria-valuetext":Craft.t("app","{num, number} {num, plural, =1{degree} other{degrees}}",{num:parseInt(t,10)})}),this.value=t},_handleTapEnd:function(t,e){this.rotateIntent&&(this.dragging?(t.preventDefault(),this.dragging=!1,this.$container.removeClass("dragging")):(this._setValueFromTouch(e),this.onChange()),this.onEnd(),this.startPositionX=null,this.rotateIntent=!1)},positionToValue:function(t){var e=-1*this.graduationsMin,i=-1*(this.graduationsMin-this.graduationsMax);return(this.$graduations.width()/2+-1*t)/this.graduationsCalculatedWidth*i-e},valueToPosition:function(t){var e=-1*this.graduationsMin,i=-1*(this.graduationsMin-this.graduationsMax);return-((t+e)*this.graduationsCalculatedWidth/i-this.$graduations.width()/2)},onStart:function(){"function"==typeof this.settings.onChange&&this.settings.onStart(this)},onChange:function(){"function"==typeof this.settings.onChange&&this.settings.onChange(this)},onEnd:function(){"function"==typeof this.settings.onChange&&this.settings.onEnd(this)},defaultSettings:{onStart:$.noop,onChange:$.noop,onEnd:$.noop}})},3651:function(){Craft.LinkField=Garnish.Base.extend({$container:null,$typeSelect:null,$labelInput:null,$filenameInput:null,init:function(t,e){this.$container=$(t),this.$container.data("linkField",this),this.$typeSelect=this.$container.find("select:first"),this.$labelInput=this.$container.children("[data-label-field]:first").find(".text:first"),this.$filenameInput=this.$container.find("[data-filename-field]:first .text:first"),this.$typeSelect.length&&this.$typeSelect.fieldtoggle().data("fieldtoggle").on("toggleChange",()=>{this.updateLabel(),this.updateFilename()})},getActiveLinkTypeContainer:function(){return this.$container.find("[data-link-type]:not(.hidden):first")},updateLabel:function(t=null){const e=this.getActiveLinkTypeContainer();null===t?t=e.data("linkLabel")||"":e.data("linkLabel",t),this.$labelInput.prop("placeholder",t)},updateFilename:function(t=null){const e=this.getActiveLinkTypeContainer();null===t?t=e.data("filename")||"":e.data("filename",t),this.$filenameInput.prop("placeholder",t)}})},3727:function(){Craft.IntervalManager=Garnish.Base.extend({_intervalId:null,init:function(t){this.setSettings(t,Craft.IntervalManager.defaults)},start:function(){this._intervalId=setInterval(()=>{this.settings.onInterval()},this.settings.interval)},stop:function(){clearInterval(this._intervalId),this._intervalId=null}},{defaults:{interval:5e3,onInterval:$.noop}})},3734:function(){Craft.ComponentSelectInput=Garnish.Base.extend({componentSelect:null,componentSort:null,$container:null,$form:null,$list:null,$components:null,$addBtn:null,$createBtn:null,_initialized:!1,init:function(t){this.setSettings(t,Craft.ComponentSelectInput.defaults),1===this.settings.limit&&(this.settings.sortable=!1),this.$container=$(`#${this.settings.id}`),this.$form=this.$container.closest("form"),this.$container.data("componentSelect",this),this.$list=this.$container.children("ul"),this.$addBtn=this.$container.find(".add-btn:first"),this.$createBtn=this.$container.find(".create-btn:first"),this.initComponentSelect(),this.initComponentSort(),this.resetComponents(),this.$addBtn.length&&this.getOptions().on("activate",t=>{const e=$(t.currentTarget);this.addComponent(e.data("type"),e.data("id"))}),this.$createBtn.length&&this.settings.createAction&&this.$createBtn.on("activate",()=>{const t=new Craft.CpScreenSlideout(this.settings.createAction);t.on("submit",t=>{const e=t.response.data;this.addComponent(e.modelClass,e.modelId,!0)}),t.on("close",()=>{this.$createBtn.focus()})}),this.componentSelect&&this.addListener(Garnish.$win,"mousedown",t=>{this.$container.is(t.target)||this.$container.find(t.target).length||this.componentSelect?.deselectAll()}),this._initialized=!0},get totalSelected(){return this.$components.length},getComponents(){return this.$list.find(".chip")},getOptions(){return this.$addBtn.length?this.$addBtn.disclosureMenu().data("disclosureMenu").$container.find("button"):$()},getOption(t){return this.getOptions().filter(`[data-id="${t}"]`)},showOption:function(t){this.getOption(t).parent("li").removeClass("hidden")},hideOption:function(t){this.getOption(t).parent("li").addClass("hidden")},initComponentSelect:function(){this.settings.selectable&&(this.componentSelect=new Garnish.Select({multi:this.settings.sortable,filter:t=>!$(t).closest("a[href],button,[role=button]").length,makeFocusable:!1}))},initComponentSort:function(){this.settings.sortable&&Craft.hasMousePointerEvents()&&(this.componentSort=new Garnish.DragSort({container:this.$list,filter:this.settings.selectable?()=>this.componentSort.$targetItem.children(".chip").hasClass("sel")?this.componentSelect.getSelectedItems().parent("li"):this.componentSort.$targetItem:null,ignoreHandleSelector:null,handle:"> .chip > .chip-content > .chip-actions > .move",axis:this.getComponentSortAxis(),collapseDraggees:!0,magnetStrength:4,helperLagBase:1.5,onSortChange:()=>{this.onChange()}}))},getComponentSortAxis:function(){return this.$list.hasClass("inline-chips")?null:"y"},canAddMoreComponents:function(){return!this.settings.limit||this.$components.length{if([Garnish.BACKSPACE_KEY,Garnish.DELETE_KEY].includes(t.keyCode)){t.stopPropagation(),t.preventDefault();const e=this.componentSelect.getSelectedItems();for(let t=0;t{const e=t.parent(),a=e.prev("li:has(.chip)"),r=e.next("li:has(.chip)");s&&i.toggleItem(s,a.length),n&&i.toggleItem(n,r.length)}),this.addListener(t,"dblclick,taphold",t=>{"taphold"===t.type&&"BUTTON"===t.target.nodeName||i.$container.find("[data-edit-action]").click()})}if(this.settings.sortable&&Craft.hasMousePointerEvents()){const e=t.find(".chip-actions");e.has(".move").length||$("",{type:"button",class:"move icon",title:Craft.t("app","Reorder"),"aria-label":Craft.t("app","Reorder"),"aria-describedby":t.find(".label").attr("id")}).appendTo(e)}this.hideOption(t.data("id"))},defineComponentActions:function(t){const e=[];if(this.settings.sortable){const i=this.getComponentSortAxis();e.push({icon:async()=>await Craft.ui.icon("y"===i?"arrow-up":"ltr"===Craft.orientation?"arrow-left":"arrow-right"),label:"y"===i?Craft.t("app","Move up"):Craft.t("app","Move forward"),onActivate:e=>{$(e).closest(".menu").data("disclosureMenu").$trigger.closest(".componentselect").data("componentSelect").moveComponentForward(t)},attributes:{"data-move-forward":!0}}),e.push({icon:async()=>await Craft.ui.icon("y"===i?"arrow-down":"ltr"===Craft.orientation?"arrow-right":"arrow-left"),label:"y"===i?Craft.t("app","Move down"):Craft.t("app","Move backward"),onActivate:e=>{$(e).closest(".menu").data("disclosureMenu").$trigger.closest(".componentselect").data("componentSelect").moveComponentBackward(t)},attributes:{"data-move-backward":!0}})}return e.push({icon:async()=>await Craft.ui.icon("remove"),label:Craft.t("app","Remove"),onActivate:e=>{$(e).closest(".menu").data("disclosureMenu").$trigger.closest(".componentselect").data("componentSelect").removeComponent(t)},destructive:!0}),this.$addBtn.length&&e.push({icon:async()=>await Craft.ui.icon("arrows-rotate"),label:Craft.t("app","Replace"),callback:()=>{const e=this.$addBtn.disclosureMenu().data("disclosureMenu");e.$alignmentElement=t,e.show()}}),e},getDisclosureMenu:function(t){return t.find("> .chip-content > .chip-actions .action-btn").disclosureMenu().data("disclosureMenu")},onChange(){this.componentSelect?.resetItemOrder(),this.$components=$().add(this.$components),this.updateButtons(),this._initialized&&this.trigger("change")},moveComponentForward(t){const e=t.closest("li"),i=e.prev();i.length&&(e.insertBefore(i),this.onChange())},moveComponentBackward(t){const e=t.closest("li"),i=e.next();i.length&&(e.insertAfter(i),this.onChange())},removeComponents:function(t){this.settings.selectable&&this.componentSelect.removeItems(t),t.children("input").prop("disabled",!0);for(let e=0;e{t.parent("li").remove(),i&&i()};e?this.animateComponentAway(t,s):s()},animateComponentAway:function(t,e){t.css("z-index",0);var i={opacity:-1};i["margin-"+Craft.left]=-(t.outerWidth()+parseInt(t.css("margin-"+Craft.right))),i["margin-bottom"]=-(t.outerHeight()+parseInt(t.css("margin-bottom"))),t.velocity(i,Craft.ComponentSelectInput.REMOVE_FX_DURATION,()=>{e&&e()})},getSelectedComponentIds(){const t=[];for(let e=0;e{this.addComponent(t,e)})}await Craft.appendHeadHtml(n.headHtml),await Craft.appendBodyHtml(n.bodyHtml),this.settings.showDescription&&r&&Craft.initUiElements(r)},insertComponent:function(t){$("").append(t).appendTo(this.$list)},renderSettings:function(t){return{showActionMenu:this.settings.showActionMenus,showHandle:this.settings.showHandles,showDescription:this.settings.showDescription,inputName:this.settings.name,hyperlink:this.settings.hyperlinks}},destroy:function(){this.componentSelect?.destroy(),this.componentSort?.destroy(),delete this.componentSelect,delete this.componentSort,this.getOptions().off("activate"),this.$createBtn.off("activate"),this.base()}},{REMOVE_FX_DURATION:200,defaults:{id:null,name:null,limit:null,showHandles:!1,showDescription:!1,sortable:!0,selectable:!0,showActionMenus:!0,hyperlinks:!1,createAction:null,addItemsToActionMenus:!0}})},3735:function(){Craft.Grid=Garnish.Base.extend({$container:null,$items:null,items:null,totalCols:null,colGutterDrop:null,colPctWidth:null,possibleItemColspans:null,possibleItemPositionsByColspan:null,itemPositions:null,itemColspansByPosition:null,layouts:null,layout:null,itemHeights:null,leftPadding:null,_refreshingCols:!1,_refreshColsAfterRefresh:!1,_forceRefreshColsAfterRefresh:!1,init:function(t,e){this.$container=$(t),this.$container.data("grid")&&(console.warn("Double-instantiating a grid on an element"),this.$container.data("grid").destroy()),this.$container.data("grid",this),this.setSettings(e,Craft.Grid.defaults),this.$items=$(),this.addItems(this.$container.children(this.settings.itemSelector)),this.addListener(this.$container,"resize",()=>{this.refreshCols()})},addItems:function(t){this.$items=$().add(this.$items.add(t)),this.setItems(),this.refreshCols(!0)},removeItems:function(t){this.$items=$().add(this.$items.not(t)),this.setItems(),this.refreshCols(!0)},resetItemOrder:function(){this.$items=$().add(this.$items),this.setItems(),this.refreshCols(!0)},setItems:function(){for(this.setItems._={},this.items=[],this.setItems._.i=0;this.setItems._.ithis.totalCols&&(this.refreshCols._.totalCols=Math.floor((this.$container.width()-20)/this.settings.minColWidth)),this.settings.maxCols&&this.refreshCols._.totalCols>this.settings.maxCols&&(this.refreshCols._.totalCols=this.settings.maxCols)),0===this.refreshCols._.totalCols&&(this.refreshCols._.totalCols=1),!0===t||this.totalCols!==this.refreshCols._.totalCols||this.settings.snapToGrid?(this.totalCols=this.refreshCols._.totalCols,this.colGutterDrop=this.settings.gutter*(this.totalCols-1)/this.totalCols,Garnish.muteResizeEvents(()=>{if("grid"===this.settings.fillMode)for(this.refreshCols._.itemIndex=0;this.refreshCols._.itemIndexthis.refreshCols._.tallestItemHeight&&(this.refreshCols._.tallestItemHeight=this.refreshCols._.itemHeight),this.refreshCols._.colIndex++;for(this.settings.snapToGrid&&(this.refreshCols._.remainder=this.refreshCols._.tallestItemHeight%this.settings.snapToGrid,this.refreshCols._.remainder&&(this.refreshCols._.tallestItemHeight+=this.settings.snapToGrid-this.refreshCols._.remainder)),this.refreshCols._.i=this.refreshCols._.itemIndex;this.refreshCols._.ithis.totalCols&&(this.refreshCols._.minColspan=this.totalCols),this.refreshCols._.maxColspan>this.totalCols&&(this.refreshCols._.maxColspan=this.totalCols),this.refreshCols._.colspan=this.refreshCols._.minColspan;this.refreshCols._.colspan<=this.refreshCols._.maxColspan;this.refreshCols._.colspan++)for(this.refreshCols._.$item.css("width",this.getItemWidthCss(this.refreshCols._.colspan)),this.itemHeightsByColspan[this.refreshCols._.item][this.refreshCols._.colspan]=this.refreshCols._.$item.outerHeight(),this.possibleItemColspans[this.refreshCols._.item].push(this.refreshCols._.colspan),this.possibleItemPositionsByColspan[this.refreshCols._.item][this.refreshCols._.colspan]=[],this.refreshCols._.positionLeft?(this.refreshCols._.minPosition=0,this.refreshCols._.maxPosition=0):this.refreshCols._.positionRight?(this.refreshCols._.minPosition=this.totalCols-this.refreshCols._.colspan,this.refreshCols._.maxPosition=this.refreshCols._.minPosition):(this.refreshCols._.minPosition=0,this.refreshCols._.maxPosition=this.totalCols-this.refreshCols._.colspan),this.refreshCols._.position=this.refreshCols._.minPosition;this.refreshCols._.position<=this.refreshCols._.maxPosition;this.refreshCols._.position++)this.possibleItemPositionsByColspan[this.refreshCols._.item][this.refreshCols._.colspan].push(this.refreshCols._.position);for(this.refreshCols._.colHeights=[],this.refreshCols._.i=0;this.refreshCols._.i=0;this.refreshCols._.i--)this.refreshCols._.layoutTotalCols[this.refreshCols._.i]!==this.refreshCols._.highestTotalCols&&this.layouts.splice(this.refreshCols._.i,1);for(this.refreshCols._.layoutHeights=[],this.refreshCols._.i=0;this.refreshCols._.i{this.refreshCols(t)})}},getItemWidth:function(t){return this.colPctWidth*t},getItemWidthCss:function(t){return"calc("+this.getItemWidth(t)+"% - "+this.colGutterDrop+"px)"},getItemWidthInPx:function(t){return this.getItemWidth(t)/100*this.$container.width()-this.colGutterDrop},getItemLeftPosCss:function(t){return"calc(("+this.getItemWidth(1)+"% + "+(this.settings.gutter-this.colGutterDrop)+"px) * "+t+")"},getItemLeftPosInPx:function(t){return(this.getItemWidth(1)/100*this.$container.width()+(this.settings.gutter-this.colGutterDrop))*t},createLayouts:function(t,e,i,s,n){new Craft.Grid.LayoutGenerator(this).createLayouts(t,e,i,s,n)},isSimpleLayout:function(){for(this.isSimpleLayout._={},this.isSimpleLayout._.i=0;this.isSimpleLayout._.i0&&(this.positionItems._.top+=this.settings.gutter),this.items[this.positionItems._.i].css("top",this.positionItems._.top),this.positionItems._.col=this.layout.positions[this.positionItems._.i];this.positionItems._.col<=this.positionItems._.endingCol;this.positionItems._.col++)this.positionItems._.colHeights[this.positionItems._.col]=this.positionItems._.top+this.itemHeightsByColspan[this.positionItems._.i][this.layout.colspans[this.positionItems._.i]]}this.$container.height(Math.max.apply(null,this.positionItems._.colHeights)),delete this.positionItems._},onItemResize:function(t){this.onItemResize._={},t.stopPropagation(),this.onItemResize._.item=$.inArray(t.currentTarget,this.$items),-1!==this.onItemResize._.item&&(this.onItemResize._.newHeight=this.items[this.onItemResize._.item].outerHeight(),this.onItemResize._.newHeight!==this.itemHeightsByColspan[this.onItemResize._.item][this.layout.colspans[this.onItemResize._.item]]&&(this.itemHeightsByColspan[this.onItemResize._.item][this.layout.colspans[this.onItemResize._.item]]=this.onItemResize._.newHeight,this.positionItems(!1))),delete this.onItemResize._},onRefreshCols:function(){this.trigger("refreshCols"),this.settings.onRefreshCols()},destroy:function(){this.$container.removeData("grid"),this.base()}},{defaults:{itemSelector:".item",cols:null,maxCols:null,minColWidth:320,gutter:14,fillMode:"top",colClass:"col",snapToGrid:null,onRefreshCols:$.noop}}),Craft.Grid.LayoutGenerator=Garnish.Base.extend({grid:null,_:null,init:function(t){this.grid=t},createLayouts:function(t,e,i,s,n){for(this._={},this._.c=0;this._.cCraft.AssetMover.countLimit||i.data.totalSize>Craft.AssetMover.sizeLimit)&&(s=confirm(Craft.t("app","Are you sure you want to move the selected items?")),n=!0),{proceed:s,confirmed:n}},successNotice:function(t,e,i=!0){let s=null,n=null;i&&0===this.conflictCount&&(n=Craft.ui.createButton({label:Craft.t("app","Undo"),spinner:!0})),!t.confirmed&&i&&(s={details:n});let a=Craft.cp.displayNotice(e,s);i&&n?.on("activate",async()=>{confirm(Craft.t("app","Are you sure you want to undo the move?"))&&await this.moveFolders(this.undoMovedFolders.folderIds,this.undoMovedFolders.targetFolderId)+await this.moveAssets(this.undoMovedAssets.assetIds,this.undoMovedAssets.targetFolderId)&&(this.successNotice(t,Craft.t("app","Move reverted."),!1),Craft.elementIndex.updateElements(!0)),a.$closeBtn.trigger("click")})},moveAssets:function(t,e,i){const s=t.map(t=>({for:"asset",action:"assets/move-asset",params:{assetId:t,folderId:e,initialFolderId:i}}));return this._batchMoveRequests(s,{conflictChoices:[{value:"keepBoth",title:Craft.t("app","Keep both")},{value:"replace",title:Craft.t("app","Replace it")}],handleConflictChoice:function(t){const e={folderId:t.request.params.folderId,assetId:t.assetId,initialFolderId:t.request.params.initialFolderId};switch(t.choice){case"replace":e.force=!0;break;case"keepBoth":e.filename=t.suggestedFilename}return{action:"assets/move-asset",params:e}}})},moveFolders:function(t,e,i){return new Promise((s,n)=>{const a=[];let r=[],o=[];const l=t.map(t=>({for:"folder",action:"assets/move-folder",params:{folderId:t,parentId:e,initialParentId:i},onSuccess:e=>{e.transferList.length&&(e.transferList.forEach(e=>e.oldFolderId=t),a.push(...e.transferList)),r.push(t)}}));this._batchMoveRequests(l,{conflictChoices:[{value:"replace",title:Craft.t("app","Replace the folder (all existing files will be deleted)")},{value:"merge",title:Craft.t("app","Merge the folder (any conflicting files will be replaced)")}],handleConflictChoice:function(t){const e={folderId:t.folderId,parentId:t.parentId,initialParentId:t.request.params.initialParentId};switch(t.choice){case"replace":e.force=!0;break;case"merge":e.merge=!0}return{action:"assets/move-folder",params:e}}}).then(t=>{this._processTransferList(a).then(e=>{e.forEach(t=>{if(t.error?.length){let e=t.request.params.oldFolderId;o.includes(e)||o.push(e),r.includes(e)&&(r=r.filter(function(t){return t!==e}))}}),t-=o.length,this._deleteFolders(r).then(()=>{s(t)})})}).catch(n)})},_processTransferList:function(t){return this._batchRequests(t.map(t=>({action:"assets/move-asset",params:t})))},_deleteFolders:function(t){return this._batchRequests(t.map(t=>({action:"assets/delete-folder",params:{folderId:t}})))},_batchMoveRequests:function(t,e){return new Promise(i=>{let s=0;this._batchRequests(t).then(t=>{Craft.elementIndex.promptHandler.resetPrompts();for(const i of t)i.success&&(i.newFolderId?(this.undoMovedFolders.folderIds.push(i.newFolderId),null===this.undoMovedFolders.targetFolderId&&(this.undoMovedFolders.targetFolderId=i.request.params.initialParentId)):(this.undoMovedAssets.assetIds.push(i.request.params.assetId),null===this.undoMovedAssets.targetFolderId&&(this.undoMovedAssets.targetFolderId=i.request.params.initialFolderId)),s++),i.conflict&&(this.conflictCount++,Craft.elementIndex.promptHandler.addPrompt(Object.assign({},i,{prompt:{message:i.conflict,choices:e.conflictChoices}}))),i.error&&Craft.cp.displayError(i.error);Craft.elementIndex.promptHandler.getPromptCount()?Craft.elementIndex.promptHandler.showBatchPrompts(t=>{Craft.elementIndex.promptHandler.resetPrompts();const n=[];for(const i of t)if("cancel"!==i.choice&&e.handleConflictChoice){const t=e.handleConflictChoice(i);i.request&&i.request.onSuccess&&(t.onSuccess=i.request.onSuccess),n.push(t)}this._batchMoveRequests(n,e).then(t=>{i(s+t)})}):i(s)})})},_batchRequests:function(t){return new Promise(e=>{if(!t.length)return void e([]);Craft.elementIndex.setIndexBusy(!1),Craft.elementIndex._positionProgressBar(),Craft.elementIndex.progressBar.resetProgressBar(),Craft.elementIndex.progressBar.setItemCount(t.length),Craft.elementIndex.progressBar.showProgressBar();const i=[];let s=t.length;for(const n of t)Craft.sendActionRequest("POST",n.action,{data:n.params}).then(t=>{i.push(Object.assign({success:!0},t.data,{request:n})),n.onSuccess&&n.onSuccess(t.data)}).catch(t=>{t.response&&t.response.data&&i.push(Object.assign({success:!1},t.response.data,{request:n}))}).finally(()=>{0===--s?(Craft.elementIndex.setIndexAvailable(),Craft.elementIndex.progressBar.hideProgressBar(),Craft.cp.runQueue(),e(i)):(Craft.elementIndex.progressBar.incrementProcessedItemCount(1),Craft.elementIndex.progressBar.updateProgressBar())})})}},{countLimit:50,sizeLimit:5e7})},3962:function(){Craft.ElementFieldSettings=Garnish.Base.extend({allowMultipleSources:null,$maintainHierarchyField:null,$maintainHierarchyButton:null,$sourcesField:null,$sourceSelect:null,$branchLimitField:null,$maxRelationsField:null,$minRelationsField:null,$defaultPlacementField:null,$viewModeField:null,init:function(t,e,i,s,n,a,r,o){this.allowMultipleSources=t,this.$maintainHierarchyField=$(`#${e}`),this.$maintainHierarchyButton=this.$maintainHierarchyField.find("button"),this.$sourcesField=$(`#${i}`),this.allowMultipleSources||(this.$sourceSelect=this.$sourcesField.find("select")),this.$branchLimitField=$(`#${s}`),this.$minRelationsField=$(`#${n}`),this.$maxRelationsField=$(`#${a}`),this.$defaultPlacementField=$(`#${r}`),this.$viewModeField=$(`#${o}`),this.updateLimitFields(),this.addListener(this.$maintainHierarchyButton,"change","updateLimitFields"),this.allowMultipleSources?this.$sourcesField.find("[type=checkbox]").each(function(t,e){this.addListener($(e),"change","updateMaintainHierarchyField")}.bind(this)):this.addListener(this.$sourceSelect,"change","updateMaintainHierarchyField"),this.updateMaintainHierarchyField()},updateLimitFields:function(){!this.$maintainHierarchyField.hasClass("hidden")&&this.$maintainHierarchyButton.hasClass("on")?(this.$minRelationsField.addClass("hidden"),this.$maxRelationsField.addClass("hidden"),this.$branchLimitField.removeClass("hidden"),this.$defaultPlacementField.addClass("hidden"),this.$viewModeField.find("select").val("list").trigger("change"),this.$viewModeField.addClass("hidden")):(this.$branchLimitField.addClass("hidden"),this.$minRelationsField.removeClass("hidden"),this.$maxRelationsField.removeClass("hidden"),this.$defaultPlacementField.removeClass("hidden"),this.$viewModeField.removeClass("hidden"))},updateMaintainHierarchyField:function(){let t;if(this.allowMultipleSources){const e=this.$sourcesField.find('[type="checkbox"]:checked');t=1===e.length&&e.data("structure-id")}else t=this.$sourceSelect.children("option:selected").data("structure-id");t?this.$maintainHierarchyField.removeClass("hidden"):this.$maintainHierarchyField.addClass("hidden"),this.updateLimitFields()}})},3965:function(){Craft.Accordion=Garnish.Base.extend({$trigger:null,targetSelector:null,_$target:null,init:function(t){this.$trigger=$(t),this.$trigger.data("accordion")&&(console.warn("Double-instantiating an accordion trigger on an element"),this.$trigger.data("accordion").destroy()),this.$trigger.data("accordion",this),this.targetSelector=this.$trigger.attr("aria-controls")?`#${this.$trigger.attr("aria-controls")}`:null,this.targetSelector&&(this._$target=$(this.targetSelector)),this.addListener(this.$trigger,"click","onTriggerClick"),this.addListener(this.$trigger,"keypress",t=>{const e=t.keyCode;e!==Garnish.SPACE_KEY&&e!==Garnish.RETURN_KEY||(t.preventDefault(),this.onTriggerClick())})},onTriggerClick:function(){"true"===this.$trigger.attr("aria-expanded")?this.hideTarget(this._$target):this.showTarget(this._$target)},showTarget:function(t){if(t&&t.length){this.showTarget._currentHeight=t.height(),t.removeClass("hidden"),this.$trigger.removeClass("collapsed").addClass("expanded").attr("aria-expanded","true");for(let e=0;e{"SPAN"!==t.prop("nodeName")&&(t.height("auto"),this.showTarget._targetHeight=t.height(),t.css({height:this.showTarget._currentHeight,overflow:"hidden"}),t.velocity("stop"),t.velocity({height:this.showTarget._targetHeight},Garnish.getUserPreferredAnimationDuration("fast"),function(){t.css({height:"",overflow:""})}))})(t.eq(e));delete this.showTarget._targetHeight,delete this.showTarget._currentHeight,Garnish.$win.trigger("resize")}},hideTarget:function(t){if(t&&t.length){this.$trigger.removeClass("expanded").addClass("collapsed").attr("aria-expanded","false");for(let e=0;e{t.hasClass("hidden")||("SPAN"===t.prop("nodeName")?t.addClass("hidden"):(t.css("overflow","hidden"),t.velocity("stop"),t.velocity({height:0},Garnish.getUserPreferredAnimationDuration("fast"),function(){t.addClass("hidden")})))})(t.eq(e))}},destroy:function(){this.$trigger.removeData("accordion"),this.base()}})},4073:function(){Craft.UriFormatGenerator=Craft.BaseInputGenerator.extend({generateTargetValue:function(t){return t=(t=t.replace(/<(.*?)>/g,"")).toLowerCase(),t=(t=(t=Craft.asciiString(t)).replace(/^[^a-z]+/,"")).replace(/[^a-z0-9]+$/,""),Craft.filterArray(t.split(/[^a-z0-9]+/)).join(Craft.slugWordSeparator)}})},4092:function(){Craft.Queue=Garnish.Base.extend({running:!1,paused:!1,pausedForVisibility:!1,jobs:null,get length(){return this.jobs.length},get isPaused(){return this.paused||this.pausedForVisibility},init:function(){this.jobs=[],Garnish.$doc.on("visibilitychange",()=>{this.pausedForVisibility&&Craft.isVisible()&&(this.pausedForVisibility=!1,this._resume())})},push:function(t){return this._add(t,"push")},unshift:function(t){return this._add(t,"unshift")},pause:function(){this.paused||(this.paused=!0,this.pausedForVisibility||this.trigger("pause"))},resume:function(){this.paused&&(this.paused=!1,this._resume())},_add:function(t,e){return new Promise((i,s)=>{this.jobs[e](()=>new Promise((e,n)=>{t().then(t=>{i(t),e()}).catch(t=>{s(t),n()})})),this.running||(this.trigger("beforeRun"),this.running=!0,this._exec())})},clear:function(){this.jobs.length=0},_exec:function(){if(!this.jobs.length)return this.running=!1,void this.trigger("afterRun");this.pausedForVisibility||Craft.isVisible()||(this.pausedForVisibility=!0,this.paused||this.trigger("pause")),this.paused||this.pausedForVisibility||(this.trigger("beforeExec"),this.jobs.shift()().finally(()=>{this.trigger("afterExec"),this._exec()}))},_resume:function(){this.isPaused||(this.trigger("resume"),this._exec())}}),Craft.queue=new Craft.Queue},4322:function(){Craft.EnvVarGenerator=Craft.BaseInputGenerator.extend({generateTargetValue:function(t){let e=t.replace(/<(.*?)>/g,"");return e=e.replace(/['"‘’“”ʻ\[\]\(\)\{\}:]/g,""),e=e.toLowerCase(),e=Craft.asciiString(e),e=e.replace(/^[^a-z]+/,""),Craft.filterArray(e.split(/[^a-z0-9]+/)).join("_").toUpperCase()}})},4746:function(t){var e="-".charCodeAt(0),i="+".charCodeAt(0),s=".".charCodeAt(0),n="e".charCodeAt(0),a="E".charCodeAt(0);t.exports=function(t){var r,o,l,h=0,d=t.length;if(0===d||!function(t){var n,a=t.charCodeAt(0);if(a===i||a===e){if((n=t.charCodeAt(1))>=48&&n<=57)return!0;var r=t.charCodeAt(2);return n===s&&r>=48&&r<=57}return a===s?(n=t.charCodeAt(1))>=48&&n<=57:a>=48&&a<=57}(t))return!1;for((r=t.charCodeAt(h))!==i&&r!==e||h++;h57);)h+=1;if(r=t.charCodeAt(h),o=t.charCodeAt(h+1),r===s&&o>=48&&o<=57)for(h+=2;h57);)h+=1;if(r=t.charCodeAt(h),o=t.charCodeAt(h+1),l=t.charCodeAt(h+2),(r===n||r===a)&&(o>=48&&o<=57||(o===i||o===e)&&l>=48&&l<=57))for(h+=o===i||o===e?3:2;h57);)h+=1;return{number:t.slice(0,h),unit:t.slice(h)}}},4817:function(){Craft.LivePreview=Garnish.Base.extend({$extraFields:null,$trigger:null,$shade:null,$editorContainer:null,$editor:null,$dragHandle:null,$previewContainer:null,$iframeContainer:null,$iframe:null,$fieldPlaceholder:null,previewUrl:null,token:null,basePostData:null,inPreviewMode:!1,fields:null,lastPostData:null,updateIframeInterval:null,loading:!1,checkAgain:!1,dragger:null,dragStartEditorWidth:null,_slideInOnIframeLoad:!1,_scrollX:null,_scrollY:null,_editorWidth:null,_editorWidthInPx:null,init:function(t){this.setSettings(t,Craft.LivePreview.defaults),this.settings.previewUrl?this.previewUrl=this.settings.previewUrl:this.previewUrl=Craft.baseSiteUrl.replace(/\/+$/,"")+"/","https:"===document.location.protocol&&(this.previewUrl=this.previewUrl.replace(/^http:/,"https:")),this.basePostData=$.extend({},this.settings.previewParams),this.$extraFields=$(this.settings.extraFields),this.$trigger=$(this.settings.trigger),this.$fieldPlaceholder=$(""),this.editorWidth=Craft.getLocalStorage("LivePreview.editorWidth",Craft.LivePreview.defaultEditorWidth),this.addListener(this.$trigger,"activate","toggle"),Craft.cp.on("beforeSaveShortcut",()=>{this.inPreviewMode&&this.moveFieldsBack()}),Craft.Preview.instances.push(this)},get editorWidth(){return this._editorWidth},get editorWidthInPx(){return this._editorWidthInPx},set editorWidth(t){var e;t>=1?(e=t,t/=Garnish.$win.width()):e=Math.round(t*Garnish.$win.width()),e",{class:"modal-shade dark"}).appendTo(Garnish.$bod),this.$editorContainer=$("",{class:"lp-editor-container"}).appendTo(Garnish.$bod),this.$previewContainer=$("",{class:"lp-preview-container"}).appendTo(Garnish.$bod),this.$iframeContainer=$("",{class:"lp-iframe-container"}).appendTo(this.$previewContainer);var t=$("{this.exit()}),this.inPreviewMode=!0,this.trigger("enter"),this.trigger("open")}else this.createToken()},createToken:function(){const t={previewAction:this.settings.previewAction};Craft.sendActionRequest("POST","live-preview/create-token",{data:t}).then(t=>{this.token=t.data.token,this.enter()})},save:function(){Craft.cp.submitPrimaryForm()},handleWindowResize:function(){this.editorWidth=this.editorWidth,this.updateWidths()},slideIn:function(){$("html").addClass("noscroll"),this.$shade.velocity("fadeIn"),this.$editorContainer.show().velocity("stop").animateLeft(0,"slow",()=>{this.trigger("slideIn"),Garnish.$win.trigger("resize")}),this.$previewContainer.show().velocity("stop").animateRight(0,"slow",()=>{this.updateIframeInterval=setInterval(this.updateIframe.bind(this),1e3)})},exit:function(){this.inPreviewMode&&(this.trigger("beforeExit"),this.trigger("beforeClose"),$("html").removeClass("noscroll"),this.removeListener(Garnish.$win,"resize"),Garnish.uiLayerManager.removeLayer(),this.updateIframeInterval&&clearInterval(this.updateIframeInterval),this.moveFieldsBack(),this.$shade.delay(200).velocity("fadeOut"),this.$editorContainer.velocity("stop").animateLeft(-this.editorWidthInPx,"slow",()=>{for(var t=0;t{this.$previewContainer.hide()}),Craft.ElementThumbLoader.retryAll(),this.inPreviewMode=!1,this.trigger("exit"),this.trigger("close"))},moveFieldsBack:function(){for(var t=0;twindow.scrollTo('+this._scrollX+", "+this._scrollY+");<\/script>",i=$('');this.$iframe?i.insertBefore(this.$iframe):i.appendTo(this.$iframeContainer),this.addListener(i,"load",function(){this.$iframe&&this.$iframe.remove(),this.$iframe=i,this._slideInOnIframeLoad&&(this.slideIn(),this._slideInOnIframeLoad=!1),this.removeListener(i,"load")}),Garnish.requestAnimationFrame(()=>{i[0].contentWindow.document.open(),i[0].contentWindow.document.write(e),i[0].contentWindow.document.close(),this.onResponse()})},handleError:function(){this.onResponse()},onResponse:function(){this.loading=!1,this.checkAgain&&(this.checkAgain=!1,this.updateIframe())},_getClone:function(t){var e=t.clone();return Garnish.copyInputValues(t,e),e.attr("id",""),e.find("[id]").attr("id",""),e},_onDragStart:function(){this.dragStartEditorWidth=this.editorWidthInPx,this.$previewContainer.addClass("dragging")},_onDrag:function(){"ltr"===Craft.orientation?this.editorWidth=this.dragStartEditorWidth+this.dragger.mouseDistX:this.editorWidth=this.dragStartEditorWidth-this.dragger.mouseDistX,this.updateWidths(),this.trigger("drag")},_onDragStop:function(){this.$previewContainer.removeClass("dragging"),Craft.setLocalStorage("LivePreview.editorWidth",this.editorWidth)},destroy:function(){Craft.Preview.instances=Craft.Preview.instances.filter(t=>t!==this),this.base()}},{defaultEditorWidth:.33,minEditorWidthInPx:320,instances:[],defaults:{trigger:".livepreviewbtn",fields:null,extraFields:null,previewUrl:null,previewAction:null,previewParams:{}},getActive:function(){for(const t of Craft.LivePreview.instances)if(t.inPreviewMode)return t}}),Craft.LivePreview.init=function(t){Craft.livePreview=new Craft.LivePreview(t)}},4912:function(){Craft.FieldLayoutDesigner=Garnish.Base.extend({$container:null,$innerContainer:null,$configInput:null,$tabContainer:null,$newTabBtn:null,$libraryContainer:null,$selectedLibrary:null,$fieldLibrary:null,$uiLibrary:null,$uiLibraryElements:null,$fieldSearch:null,$clearFieldSearchBtn:null,$fieldGroups:null,$fields:null,$createFieldBtn:null,libraryPicker:null,tabGrid:null,elementDrag:null,cvd:null,$cvd:null,_config:null,_$selectedFields:null,init:function(t,e){this.$container=$(t),this.setSettings(e,Craft.FieldLayoutDesigner.defaults),this.$configInput=this.$container.children("input[data-config-input]"),this._config=JSON.parse(this.$configInput.val()),this._config.tabs||(this._config.tabs=[]),this._fieldHandles={},this.$innerContainer=this.$container.children(".fld-container");const i=this.$innerContainer.children(".fld-workspace");this.$tabContainer=i.children(".fld-tabs"),this.$newTabBtn=i.children(".fld-new-tab-btn"),this.$libraryContainer=this.$innerContainer.children(".fld-library"),this.$fieldLibrary=this.$selectedLibrary=this.$libraryContainer.children(".fld-field-library");let s=this.$fieldLibrary.children(".search");this.$fieldSearch=s.children("input"),this.$clearFieldSearchBtn=s.children(".clear-btn"),this.$fieldGroups=this.$libraryContainer.find(".fld-field-group"),this.$fields=this.$fieldGroups.children(".fld-element"),this.$uiLibrary=this.$libraryContainer.children(".fld-ui-library"),this.$uiLibraryElements=this.$uiLibrary.children(),this.settings.readOnly&&this.$fieldLibrary.attr("tabindex","-1"),this.tabGrid=new Craft.Grid(this.$tabContainer,{itemSelector:".fld-tab",minColWidth:312,fillMode:"grid",snapToGrid:24});let n=this.$tabContainer.children();for(let t=0;t{switch(t.data("library")){case"field":this.$fieldLibrary.removeClass("hidden"),this.$uiLibrary.addClass("hidden"),this.$createFieldBtn.removeClass("hidden");break;case"ui":this.$fieldLibrary.addClass("hidden"),this.$uiLibrary.removeClass("hidden"),this.$createFieldBtn.addClass("hidden")}}})}this.addListener(this.$fieldSearch,"input",()=>{this.updateFieldSearchResults()}),this.addListener(this.$fieldSearch,"keydown",t=>{switch(t.keyCode){case Garnish.ESC_KEY:this.$fieldSearch.val("").trigger("input");break;case Garnish.RETURN_KEY:t.preventDefault()}}),this.addListener(this.$clearFieldSearchBtn,"click",()=>{this.clearSearch()}),this.refreshSelectedFields(),this.$createFieldBtn=Craft.ui.createButton({label:Craft.t("app","New field"),class:"mt-m fullwidth add icon dashed",disabled:this.settings.readOnly}).appendTo(this.$libraryContainer),this.addListener(this.$createFieldBtn,"activate",async()=>{this.createField()}),this.settings.withCardViewDesigner&&(this.$cvd=this.$container.parents(".fld-cvd").find(".card-view-designer"),this.initCvd())},updateFieldSearchResults(){const t=this.$fieldSearch.val().toLowerCase().replace(/['"]/g,"");if(!t)return this.$fieldLibrary.find(".filtered").removeClass("filtered"),void this.$clearFieldSearchBtn.addClass("hidden");this.$clearFieldSearchBtn.removeClass("hidden");const e=this.$fields.filter(`[data-keywords*="${t}"]`).add(this.$fieldGroups.filter(`[data-name*="${t}"]`).children(".fld-element")).removeClass("filtered");this.$fields.not(e).addClass("filtered");for(let t=0;t",{class:"skip-link btn",text:Craft.t("app","Skip to card view designer"),href:`#${t}`});this.cvd.$container.attr("tabindex","-1"),this.$innerContainer.prepend(e)}},initTab:function(t){return new Craft.FieldLayoutDesigner.Tab(this,t)},removeFieldByHandle:function(t){this.$fields.filter(`[data-attribute="${t}"]:first`).removeClass("hidden").closest(".fld-field-group").removeClass("hidden")},addTab:function(){if(!this.settings.customizableTabs)return;let t="";0===this.tabGrid.$items.length&&(t=Craft.t("app","Content"));const e=Craft.escapeHtml(prompt(Craft.t("app","Give your tab a name."),t));if(!e)return;const i=$(`\n$(t).data("ui-label")>$(e).data("ui-label")?1:-1).appendTo(e)}this.updateFieldSearchResults()},hasHandle:function(t){for(let e=0;e{const e=$(t.data.selectorHtml);this.$fieldGroups.last().append(e).removeClass("hidden"),this.refreshLibraryFields(),this.initLibraryElements(e),this.addLibraryElementToActiveTab(e),Garnish.requestAnimationFrame(()=>{this.getActiveHud()?.hide()})})},initLibraryElements(t){this.elementDrag.addItems(t),this.addListener(t,"activate",t=>{"hidden"!==t.currentTarget.style.visibility&&(t.stopPropagation(),t.originalEvent.preventDefault(),this.addLibraryElementToActiveTab(t.currentTarget))})},cloneLibraryElementForSelection(t){const e=$(t),i=e.clone().removeClass("unused").removeAttr("tabindex");return Garnish.hasAttr(e,"data-is-multi-instance")||(e.css({visibility:"inherit",display:"field"}).addClass("hidden"),0===e.siblings(".fld-field:not(.hidden)").length&&e.closest(".fld-field-group").addClass("hidden")),this.elementDrag.addItems(i),i},getActiveHud:function(){return this.$libraryContainer.closest(".fld-library-hud").data("hud")},addLibraryElementToActiveTab:function(t){const e=this.getActiveHud();if(!e)return;const i=this.cloneLibraryElementForSelection(t),s=e.$trigger.closest(".fld-tab").data("fld-tab");i.insertBefore(e.$trigger);const n=s.initElement(i);n.onSelect(),n.updatePositionInConfig()}},{defaults:{elementType:null,customizableTabs:!0,customizableUi:!0,withCardViewDesigner:!1,alwaysShowThumbAlignmentBtns:!1,readOnly:!1},async createSlideout(data,js,settings={}){const $body=$("",{class:"fld-element-settings-body"});$("",{class:"fields",html:data.settingsHtml}).appendTo($body);const $footer=$("",{class:"fld-element-settings-footer"});$("",{class:"flex-grow"}).appendTo($footer);const $cancelBtn=Craft.ui.createButton({label:Craft.t("app","Close"),spinner:!0}).appendTo($footer);Craft.ui.createSubmitButton({class:"secondary",label:Craft.t("app","Apply"),spinner:!0}).appendTo($footer);const $contents=$body.add($footer),slideout=new Craft.Slideout($contents,Object.assign({containerElement:"form",containerAttributes:{action:"",method:"post",novalidate:"",class:"fld-element-settings"}},settings));return slideout.on("open",()=>{Garnish.requestAnimationFrame(()=>{slideout.$container.find(".text:first").focus()})}),$cancelBtn.on("click",()=>{slideout.close()}),data.headHtml&&await Craft.appendHeadHtml(data.headHtml),data.bodyHtml&&await Craft.appendBodyHtml(data.bodyHtml),js&&eval(js),Craft.initUiElements(slideout.$container),slideout}}),Craft.FieldLayoutDesigner.Tab=Garnish.Base.extend({designer:null,uid:null,$container:null,$addBtn:null,slideout:null,destroyed:!1,init:function(t,e){this.designer=t,this.$container=e,this.$container.data("fld-tab",this),this.uid=this.$container.data("uid"),this.uid||(this.uid=Craft.uuid(),this.config={uid:this.uid,name:this.$container.find(".tabs .tab .fld-tab__name").text(),elements:[]}),this.designer.settings.customizableTabs&&this.createMenu();const i=this.$container.children(".fld-tabcontent");i.on("resize",()=>{this.designer.tabGrid.refreshCols(!0)}),this.$addBtn=i.children(".fld-add-btn");const s=new Garnish.HUD(this.$addBtn,{hudClass:"hud fld-library-hud cp-legacy",listenToMainResize:!1,showOnInit:!1,orientations:["right","bottom","left"]});s.on("show",()=>{this.designer.$libraryContainer.appendTo(s.$main),this.designer.libraryPicker?.select(0),this.designer.$fieldSearch.focus(),this.designer.clearSearch(),this.designer.$fieldLibrary.scrollTop(0)}),s.on("hide",()=>{this.$addBtn.focus()}),this.$addBtn.on("activate",()=>{s.show()});const n=i.children().not(this.$addBtn);for(let t=0;t",{type:"button",class:"btn action-btn","data-disclosure-trigger":"true","aria-controls":e,"aria-haspopup":"true","aria-label":Craft.t("app","Actions"),title:Craft.t("app","Actions"),disabled:this.designer.settings.readOnly}).appendTo(t),s=($("",{id:e,class:"menu menu--disclosure","data-disclosure-menu":"true"}).appendTo(t),i.disclosureMenu().data("disclosureMenu"));s.addItem({label:Craft.t("app","Settings"),icon:async()=>await Craft.ui.icon("gear"),onActivate:()=>{this.createSettings()}},s.addGroup());const n=s.addGroup(),a=s.addItem({label:"ltr"===Craft.orientation?Craft.t("app","Move to the left"):Craft.t("app","Move to the right"),icon:async()=>await Craft.ui.icon("ltr"===Craft.orientation?"arrow-left":"arrow-right"),onActivate:()=>{this.moveLeft()}},n),r=s.addItem({label:"ltr"===Craft.orientation?Craft.t("app","Move to the right"):Craft.t("app","Move to the left"),icon:async()=>await Craft.ui.icon("ltr"===Craft.orientation?"arrow-right":"arrow-left"),onActivate:()=>{this.moveRight()}},n);s.addItem({label:Craft.t("app","Remove"),icon:async()=>await Craft.ui.icon("xmark"),destructive:!0,onActivate:()=>{this.destroy()}},s.addGroup()),s.on("show",()=>{s.toggleItem(a,this.$container.prev(".fld-tab").length),s.toggleItem(r,this.$container.next(".fld-tab").length)})},async createSettings(){let t;try{t=(await Craft.sendActionRequest("POST","fields/render-layout-component-settings",{data:{uid:this.uid,layoutConfig:this.designer.config,elementType:this.designer.settings.elementType}})).data}catch(t){throw Craft.cp.displayError(t?.response?.data?.message),t}this.settingsNamespace=t.namespace,this.slideout=await Craft.FieldLayoutDesigner.createSlideout(t,null,{triggerElement:this.$actionBtn}),this.slideout.$container.on("submit",t=>{t.preventDefault(),this.applySettings()}),this.slideout.on("close",()=>{this.slideout.destroy(),this.slideout=null})},applySettings:function(){if(!this.slideout.$container.find('[name$="[name]"]').val())return void Craft.cp.displayError(Craft.t("app","You must specify a tab name."));let t=this.slideout.$container.find("button[type=submit]").addClass("loading");const e=$.extend({},this.config);delete e.elements,Craft.sendActionRequest("POST","fields/apply-layout-tab-settings",{data:{uid:this.uid,layoutConfig:this.designer.config,elementType:this.designer.settings.elementType,config:e,settingsNamespace:this.settingsNamespace,settings:this.slideout.$container.serialize()}}).then(t=>{this.updateConfig(e=>$.extend(t.data.config,{elements:e.elements}));const e=this.$container.find(".tabs .tab"),i=e.children("button").detach();e.html(t.data.labelHtml).append(i),this.slideout.close()}).catch(t=>{Craft.cp.displayError(),console.error(t)}).finally(()=>{t.removeClass("loading"),this.slideout.close()})},moveLeft(){let t=this.$container.prev(".fld-tab");t.length&&(this.$container.insertBefore(t),this.updatePositionInConfig())},moveRight(){let t=this.$container.next(".fld-tab");t.length&&(this.$container.insertAfter(t),this.updatePositionInConfig())},initElement:function(t){return new Craft.FieldLayoutDesigner.Element(this,t)},get index(){return this.designer.config.tabs.findIndex(t=>t.uid===this.uid)},get config(){if(!this.uid)throw"Tab is missing its UID";let t=this.designer.config.tabs.find(t=>t.uid===this.uid);return t||(t={uid:this.uid,elements:[]},this.config=t),t},set config(t){if(this.destroyed)return;t.name&&t.name!==this.config.name&&this.$container.find(".tabs .tab .fld-tab__name").text(t.name);const e=this.designer.config,i=this.index;if(-1!==i)e.tabs[i]=t;else{const i=$.inArray(this.$container[0],this.$container.parent().children(".fld-tab"));e.tabs.splice(i,0,t)}this.designer.config=e},updateConfig:function(t){if(this.destroyed)return;const e=t(this.config);!1!==e&&(this.config=e)},updatePositionInConfig:function(){this.destroyed||this.designer.updateConfig(t=>{const e=this.config,i=this.index,s=$.inArray(this.$container[0],this.$container.parent().children(".fld-tab"));return-1!==i&&t.tabs.splice(i,1),t.tabs.splice(s,0,e),t})},destroy:function(){if(this.destroyed)return;this.destroyed=!0,this.designer.updateConfig(t=>{const e=this.index;return-1!==e&&(t.tabs.splice(e,1),t)});let t=this.$container.find(".fld-element");for(let e=0;eCraft.t("app","{pct} width",{pct:`${t}%`}),onChange:t=>{this.updateConfig(e=>(e.width=t,e))},readOnly:this.tab.designer.settings.readOnly}).$container.appendTo(this.$container);const t=`actionmenu${Math.floor(1e6*Math.random())}`;this.$actionBtn=$("",{type:"button",class:"btn action-btn","data-disclosure-trigger":"true","aria-controls":t,"aria-haspopup":"true","aria-label":Craft.t("app","Actions"),title:Craft.t("app","Actions"),disabled:this.tab.designer.settings.readOnly}).appendTo(this.$container),$("",{id:t,class:"menu menu--disclosure","data-disclosure-menu":"true"}).appendTo(this.$container);const e=this.$actionBtn.disclosureMenu().data("disclosureMenu");let i,s;if(this.hasSettings=Garnish.hasAttr(this.$container,"data-has-settings"),this.hasSettings&&!this.tab.designer.settings.readOnly&&(e.addItem({label:Craft.t("app","Settings"),icon:async()=>await Craft.ui.icon("gear"),onActivate:()=>{this.createSettings()}}),this.addListener(this.$container,"dblclick",()=>{this.createSettings()})),this.requirable||!this.tab.designer.settings.withCardViewDesigner&&this.thumbable){const t=e.addGroup();this.requirable&&(i=e.addItem({label:Craft.t("app","Make required"),icon:async()=>await Craft.ui.icon("asterisk"),iconColor:"rose",onActivate:()=>{this.makeRequired()}},t),s=e.addItem({label:Craft.t("app","Make optional"),icon:async()=>await Craft.ui.icon("asterisk-slash"),iconColor:"gray",onActivate:()=>{this.dropRequired()}},t))}const n=e.addGroup(),a=e.addItem({label:Craft.t("app","Move up"),icon:async()=>await Craft.ui.icon("arrow-up"),onActivate:()=>{this.moveUp()}},n),r=e.addItem({label:Craft.t("app","Move down"),icon:async()=>await Craft.ui.icon("arrow-down"),onActivate:()=>{this.moveDown()}},n);this.isMandatory||e.addItem({label:Craft.t("app","Remove"),icon:async()=>await Craft.ui.icon("xmark"),destructive:!0,onActivate:()=>{this.destroy()}},e.addGroup()),e.on("show",()=>{this.requirable&&(e.toggleItem(i,!this.config.required),e.toggleItem(s,this.config.required)),e.toggleItem(a,this.$container.prev(".fld-element").length),e.toggleItem(r,this.$container.next(".fld-element").length)})},onSelect(){this.$container.attr("data-uid",this.uid);const t=this.$container.data("preview-options");if(t){const e=this.tab.designer.cvd;e&&(t.forEach(t=>{e.addCheckbox({value:t.value.replace(/\{uid}/g,this.uid),label:t.label})}),e.updateThumbnailsDropdown(this,"add"))}},getLabel(){const t=this.$container.find(".fld-element-label").text();return""!==t?t:this.$container.data("attribute")},async createSettings(){let t;try{t=(await Craft.sendActionRequest("POST","fields/render-layout-component-settings",{data:{uid:this.uid,layoutConfig:this.tab.designer.config,elementType:this.tab.designer.settings.elementType}})).data}catch(t){throw Craft.cp.displayError(t?.response?.data?.message),t}this.settingsNamespace=t.namespace,this.slideout=await Craft.FieldLayoutDesigner.createSlideout(t,null,{triggerElement:this.$actionBtn}),this.slideout.$container.on("submit",t=>{t.preventDefault(),this.applySettings()}),this.slideout.on("close",()=>{this.slideout.destroy(),this.slideout=null});const e=this.slideout.$container.find(".fields:first");this.isField&&e.find('input[name$="[handle]"]').val(this.config.handle||""),this.trigger("createSettings")},async applySettings(){let t=this.slideout.$container.find("button[type=submit]").addClass("loading");try{await this.applyConfig(()=>this.config,!0)}finally{t.removeClass("loading")}},async showFieldEditor(){new Craft.CpScreenSlideout("fields/edit-field",{params:{fieldId:this.fieldId,multiInstanceTypesOnly:this.isMultiInstance?1:0}}).on("submit",async({response:t})=>{const e=this.tab.designer,i=e.$fieldLibrary.find(`.fld-field[data-id=${this.fieldId}]`),s=$(t.data.selectorHtml);i.replaceWith(s),e.refreshLibraryFields(),e.elementDrag.removeItems(i),e.elementDrag.addItems(s);const n=e.$tabContainer.find(`.fld-field[data-id=${this.fieldId}]`);for(let t=0;t(t.required=!0,t))},async dropRequired(){await this.applyConfig(t=>(t.required=!1,t))},moveUp(){const t=this.$container.prev(".fld-element");t.length&&(this.$container.insertBefore(t),this.updatePositionInConfig())},moveDown(){const t=this.$container.next(".fld-element");t.length&&(this.$container.insertAfter(t),this.updatePositionInConfig())},async applyConfig(t,e=!1){const i=t(this.config);if(!1===i)return;let s;this.fieldsWithErrors.forEach(t=>{Craft.ui.clearErrorsFromField(t)});try{s=(await Craft.sendActionRequest("POST","fields/apply-layout-element-settings",{data:{uid:this.uid,layoutConfig:this.tab.designer.config,elementType:this.tab.designer.settings.elementType,config:i,settingsNamespace:this.settingsNamespace,settings:e?this.slideout.$container.serialize():null}})).data}catch(t){if(e){let e=t?.response?.data?.errors;e&&Object.entries(e).forEach(([t,e])=>{const i=this.slideout.$container.find(`[data-error-key="${t}"]`);i.length&&(Craft.ui.addErrorsToField(i,e),this.fieldsWithErrors.push(i))})}throw Craft.cp.displayError(t?.response?.data?.message),t}this.config=s.config;const n=this.$container,a=$(s.selectorHtml);if(this.$container.replaceWith(a),this.$container=a,this.initUi(),this.tab.designer.settings.withCardViewDesigner){const t=this.tab.designer.cvd;if(t){const e=a.data("preview-options");e&&e.forEach(e=>{t.updateCheckboxLabel(e.value.replace(/\{uid}/g,this.uid),e.label)}),t.updateThumbnailsDropdownOptionLabel(this.$container)}}const r=this.tab.designer;if(r.refreshSelectedFields(),r.elementDrag.removeItems(n),r.elementDrag.addItems(a),this.slideout&&(this.slideout.close(),this.slideout.destroy(),this.slideout=null),this.config.providesThumbs){const t=this.tab.designer.$tabContainer.find(".fld-field");for(let e=0;e(t.providesThumbs=!1,t))}}},async refresh(){await this.applyConfig(t=>t)},get index(){const t=this.tab.config;return void 0===t?-1:t.elements.findIndex(t=>t.uid===this.uid)},get config(){if(!this.uid)throw"Tab is missing its UID";let t=this.tab.config.elements.find(t=>t.uid===this.uid);return t||(t={uid:this.uid},this.config=t),t},set config(t){const e=this.tab.config,i=this.index;if(-1!==i)e.elements[i]=t;else{const i=$.inArray(this.$container[0],this.$container.parent().children(".fld-element"));e.elements.splice(i,0,t)}this.tab.config=e},updateConfig:function(t){const e=t(this.config);!1!==e&&(this.config=e)},updatePositionInConfig:function(){this.tab.updateConfig(t=>{const e=this.config,i=this.index,s=$.inArray(this.$container[0],this.$container.parent().children(".fld-element"));return-1!==i&&t.elements.splice(i,1),t.elements.splice(s,0,e),t})},destroy:function(){if(this.tab.designer.settings.withCardViewDesigner){const t=this.tab.designer.cvd;if(t){t.updateThumbnailsDropdown(this,"remove");const e=this.$container.data("preview-options");e?.length&&e.forEach(e=>{t.removeCheckbox(e.value.replace(/\{uid}/g,this.uid))})}}this.tab.updateConfig(t=>{const e=this.index;return-1!==e&&(t.elements.splice(e,1),t)});const t=this.$container.siblings().find(":focusable:first");if(t.length?t.focus():this.tab.$addBtn.focus(),this.tab.designer.elementDrag.removeItems(this.$container),this.$container.remove(),this.isField)this.tab.designer.refreshSelectedFields(),this.isMultiInstance||this.tab.designer.removeFieldByHandle(this.defaultHandle||this.attribute);else if(!this.isMultiInstance){let t=this.tab.designer.$uiLibraryElements.filter(`[data-type="${this.$container.data("type")}"]:first`);t.length&&$(t[0]).removeClass("hidden")}this.base()}}),Craft.FieldLayoutDesigner.BaseDrag=Garnish.Drag.extend({designer:null,$insertion:null,showingInsertion:!1,$caboose:null,init:function(t,e){this.designer=t,this.base(this.findItems(),e)},onDragStart:function(){this.base(),this.$insertion=this.createInsertion(),this.$caboose=this.createCaboose(),this.$items=$().add(this.$items.add(this.$caboose)),Garnish.$bod.addClass("dragging")},removeCaboose:function(){this.$items=this.$items.not(this.$caboose),this.$caboose.remove()},swapDraggeeWithInsertion:function(){this.$insertion.insertBefore(this.$draggee),this.$draggee.detach(),this.$items=$().add(this.$items.not(this.$draggee).add(this.$insertion)),this.showingInsertion=!0},swapInsertionWithDraggee:function(){this.$insertion.replaceWith(this.$draggee),this.$items=$().add(this.$items.not(this.$insertion).add(this.$draggee)),this.showingInsertion=!1},setMidpoints:function(){for(let t=0;t0&&(this.$items=$().add(this.$items.add(this.$insertion)),this.showingInsertion=!0,this.setMidpoints()))},onDragStop:function(){this.showingInsertion&&this.swapInsertionWithDraggee(),this.removeCaboose();let t=this.$draggee.offset();!t||0===t.top&&0===t.left?(this.$draggee.css({display:this.draggeeDisplay,visibility:"visible",opacity:0}).velocity({opacity:1},Garnish.FX_DURATION),this.helpers[0].velocity({opacity:0},Garnish.FX_DURATION,()=>{this._showDraggee()})):this.returnHelpersToDraggees(),this.base(),Garnish.$bod.removeClass("dragging")}}),Craft.FieldLayoutDesigner.TabDrag=Craft.FieldLayoutDesigner.BaseDrag.extend({init:function(t){this.base(t,{handle:".tab"})},findItems:function(){return this.designer.$tabContainer.find("> div.fld-tab")},onDragStart:function(){this.base(),this.swapDraggeeWithInsertion(),this.setMidpoints()},swapDraggeeWithInsertion:function(){this.base(),this.designer.tabGrid.removeItems(this.$draggee),this.designer.tabGrid.addItems(this.$insertion)},swapInsertionWithDraggee:function(){this.base(),this.designer.tabGrid.removeItems(this.$insertion),this.designer.tabGrid.addItems(this.$draggee)},onDrag:function(){this.checkForNewClosestItem(),this.base()},onDragStop:function(){this.base(),this.$draggee.css({display:this.draggeeDisplay,visibility:"hidden"}),this.$draggee.data("fld-tab").updatePositionInConfig()},createCaboose:function(){let t=$('').appendTo(this.designer.$tabContainer);return this.designer.tabGrid.addItems(t),t},removeCaboose:function(){this.base(),this.designer.tabGrid.removeItems(this.$caboose)},createInsertion:function(){let t=this.$draggee.find(".tab");return $(`\n .fld-tab > .fld-tabcontent");for(let i=0;i",{class:"modal fitted cross-site-copy-modal","aria-labelledby":i}),n=$("",{class:"body"}).appendTo(s);n.append(``);const a=Craft.createForm().appendTo(n);a.append(Craft.getCsrfInput());const r=$("",{class:"flex flex-end flex-nowrap"}).appendTo(a),o=Craft.ui.createSelectField({label:Craft.t("app","Copy from"),class:["fullwidth"],options:this._getOtherSupportedSites().map(t=>({label:t.name,value:t.id}))}).addClass("flex-grow").appendTo(r);Craft.ui.createSubmitButton({label:Craft.t("app","Copy"),spinner:!0}).appendTo(r);const l=new Garnish.Modal(s),h=o.find("select").focus();this.addListener(a,"submit",async i=>{i.preventDefault();const s=a.find("[type=submit]");s.addClass("loading"),Craft.cp.announce(Craft.t("app","Loading"));try{const i=await Craft.sendActionRequest("POST","elements/copy-values-from-site",{data:{elementId:this.getDraftElementId(t.data("element-id")),siteId:this.settings.siteId,fromSiteId:parseInt(h.val()),layoutElementUid:t.data("layout-element"),namespace:t.data("namespace")}}),{fieldHtml:s,headHtml:n,bodyHtml:a,message:r}=i.data,o=$(s);e.replaceWith(o),await Craft.appendHeadHtml(n),await Craft.appendBodyHtml(a),Craft.initUiElements(o),l.$triggerElement=o.find("[data-disclosure-trigger]"),Craft.cp.displaySuccess(r)}finally{s.removeClass("loading"),Craft.cp.announce(Craft.t("app","Loading complete")),l.hide()}})},_getOtherSupportedSites:function(){return Craft.sites.filter(t=>t.id!=this.settings.siteId&&this.siteIds.includes(t.id))},_showField:function(t){const e=t.height();t.css({overflow:"hidden","min-height":"auto"}).height(0).velocity({height:e},"fast",()=>{t.css({overflow:"",height:"","min-height":""})})},_removeField:function(t){t.css({overflow:"hidden","min-height":"auto"}).velocity({height:0},"fast",()=>{t.remove()})},_updateGlobalStatus:function(){let t=!0,e=!0;this.$siteLightswitches.each(function(){if($(this).data("lightswitch").on?e=!1:t=!1,!t&&!e)return!1}),t?this.$globalLightswitch.data("lightswitch").turnOn(!0):e?this.$globalLightswitch.data("lightswitch").turnOff(!0):this.$globalLightswitch.data("lightswitch").turnIndeterminate(!0)},_updateSiteStatuses:function(){const t=this.$globalLightswitch.data("lightswitch").on;this.$siteLightswitches.each(function(){t?$(this).data("lightswitch").turnOn(!0):$(this).data("lightswitch").turnOff(!0)})},_createSiteStatusField:function(t,e){const i=Craft.ui.createLightswitchField({fieldClass:`enabled-for-site-${t.id}-field`,label:t.name,name:this.namespaceInputName(`enabledForSite[${t.id}]`),on:void 0!==e?e:!this.settings.siteStatuses.hasOwnProperty(t.id)||this.settings.siteStatuses[t.id],disabled:!!this.settings.revisionId});if(this.$additionalSiteField?i.insertBefore(this.$additionalSiteField):i.appendTo(this.$siteStatusPane),!this.settings.revisionId){i.addClass("nested");const t=i.find(".lightswitch").on("change",this._updateGlobalStatus.bind(this));this.$siteLightswitches=this.$siteLightswitches.add(t)}return this._showField(i),i},_createAddlSiteField:function(){const t=Craft.sites.filter(t=>!this.siteIds.includes(t.id)&&this.settings.additionalSites.some(e=>e.siteId==t.id));if(!t.length)return;const e="add-site-label",i=$("",{text:Craft.t("app","Add a site..."),class:"visually-hidden",id:e}),s=Craft.ui.createSelect({options:[{label:Craft.t("app","Add a site…")},...t.map(t=>({label:t.name,value:t.id}))],labelledBy:e}).addClass("fullwidth");this.$additionalSiteField=Craft.ui.createField(s,{}).addClass("nested add").appendTo(this.$siteStatusPane),i.prependTo(this.$additionalSiteField);const n=s.find("select");n.on("change",()=>{const t=parseInt(n.val()),e=Craft.sites.find(e=>e.id===t);if(!e)return;const i=this.settings.additionalSites.find(t=>t.siteId==e.id);this._createSiteStatusField(e,i.enabledByDefault),this._updateGlobalStatus(),n.val("").find(`option[value="${t}"]`).remove(),null===this.newSiteIds&&(this.newSiteIds=[]),this.siteIds.push(t),this.newSiteIds.push(t),1===n.find("option").length&&this._removeField(this.$additionalSiteField)}),this._showField(this.$additionalSiteField)},showStatusHud:function(t){let e;this.failed?(e=`{this.hideTip(t)})},getHiddenTipsUids:function(){return Craft.getLocalStorage("dismissedTips",[])},setHiddenTipsUids:function(t){Craft.setLocalStorage("dismissedTips",t)},hideTip:function(t){const e=t.target;if(e){const t=$(e).closest("[data-layout-element]");if(t.length){const e=t.data("layout-element");if(t.remove(),"undefined"!=typeof Storage){const t=this.getHiddenTipsUids();t.includes(e)||(t.push(e),this.setHiddenTipsUids(t))}}}},_checkActivity:function(){Craft.remainingSessionTime?this.queue?.push(()=>new Promise((t,e)=>{Craft.sendActionRequest("POST","elements/recent-activity",{params:{dontExtendSession:1},data:{elementType:this.settings.elementType,elementId:this.settings.canonicalId,draftId:this.settings.draftId,siteId:this.settings.siteId,provisional:this.settings.isProvisionalDraft}}).then(({data:e})=>{let i=null;if(this.activityTooltips&&(i=Object.values(this.activityTooltips).find(t=>t.$trigger[0]===document.activeElement)),this.$activityContainer.html("").attr("role","region").attr("aria-label",Craft.t("app","Recent Activity")),e.activity.length){$("",{class:"visually-hidden",text:Craft.t("app","Recent Activity")}).appendTo(this.$activityContainer);const t=$("").appendTo(t),r=$("",{type:"button",class:"activity-btn","aria-label":Craft.t("app","{name} active, more info",{name:n.userName}),"aria-expanded":"false"}).appendTo(a),o=$(n.userThumb).addClass("elementthumb").css("z-index",e.activity.length-s).appendTo(r);o.find("img,svg").attr("role","presentation"),Craft.cp.elementThumbLoader.load(a),o.find("title").remove(),void 0===this.activityTooltips[n.userId]?this.activityTooltips[n.userId]=new Craft.Tooltip(r,n.message):(this.activityTooltips[n.userId].$trigger=r,this.activityTooltips[n.userId].message=n.message,this.activityTooltips[n.userId]===i&&this.activityTooltips[n.userId].$trigger.focus())}}for(const t of Object.keys(this.activityTooltips))e.activity.find(e=>e.userId==t)||this.activityTooltips[t].hide();if(this.isFullPage){const t=this.settings.updatedTimestamp&&this.settings.updatedTimestamp!==e.updatedTimestamp,i=this.settings.canonicalUpdatedTimestamp&&this.settings.canonicalUpdatedTimestamp!==e.canonicalUpdatedTimestamp;if(t||i){const e=Craft.ui.createButton({label:Craft.t("app","Reload"),spinner:!0});Craft.cp.displayNotice(Craft.uppercaseFirst(Craft.t("app","This {type} has been updated.",{type:t&&this.settings.draftId&&!this.settings.isProvisionalDraft?Craft.t("app","draft"):Craft.elementTypeNames[this.settings.elementType]?Craft.elementTypeNames[this.settings.elementType][2]:Craft.t("app","element")})),{details:e}),e.on("click",()=>{window.location.reload()})}}this.settings.updatedTimestamp=e.updatedTimestamp,this.settings.canonicalUpdatedTimestamp=e.canonicalUpdatedTimestamp,this.trigger("checkActivity",e),this._checkActivityTimeout=setTimeout(()=>{this._checkActivity()},15e3),t()}).catch(i=>{400===i?.response?.status?(Garnish.once(Craft.AuthManager,"login",()=>{this._checkActivity()}),t()):e(i)})})):Garnish.once(Craft.AuthManager,"login",()=>{this._checkActivity()})},destroy:function(){this.queue?.destroy(),delete this.queue,this.formObserver?.destroy(),delete this.formObserver,this.preview?.destroy(),delete this.preview,this.$container.removeData("elementEditor"),clearTimeout(this._checkActivityTimeout),this.base()}},{defaults:{namespace:null,additionalSites:[],canCreateDrafts:!1,canEditMultipleSites:!1,canSave:!1,canSaveCanonical:!1,elementId:null,canonicalId:null,draftId:null,draftName:null,elementType:null,enablePreview:!1,enabled:!1,enabledForSite:!1,hashedCpEditUrl:null,isLive:!1,isProvisionalDraft:!1,isUnpublishedDraft:!1,previewTargets:[],previewToken:null,hashedPreviewToken:null,previewParamValue:null,revisionId:null,fieldId:null,ownerId:null,siteId:null,siteStatuses:[],saveParams:null,siteToken:null,visibleLayoutElements:{},staticLayoutElements:{},updatedTimestamp:null,canonicalUpdatedTimestamp:null,reloadOnBroadcastSave:!0,$contentContainer:null,$sidebar:null,$actionBtn:null,$spinnerContainer:null,updateTabs:null,getTabManager:null,handleSubmitResponse:()=>{},handleSubmitError:()=>{},autosaveDrafts:null}})},5226:function(){Craft.ElementDeletionManager=Garnish.Base.extend({elementType:null,elementIds:null,hardDelete:!1,modal:null,$blockersContainer:null,$submitBtn:null,blockers:null,succeeded:!1,init:function(t,e,i){this.elementType=t,this.elementIds=e,this.setSettings(i,Craft.ElementDeletionManager.defaults),this.blockers=[],this.run()},run:async function(){const{data:t}=await Craft.sendActionRequest("POST","delete-elements/deletion-blockers",{data:this.getParams()});if(this.settings.onLoadBlockers(),t.blockers.length){this.createModal(t);for(const e of t.blockers)this.blockers.push(new Craft.ElementDeletionManager.Blocker(this,e));await Craft.appendHeadHtml(t.headHtml),await Craft.appendBodyHtml(t.bodyHtml)}else await this.confirmAndDelete(t.totalElements)},getParams:function(){return{elementType:this.elementType,elementIds:this.elementIds,siteId:this.settings.siteId,ownerId:this.settings.ownerId,withDescendants:this.settings.withDescendants,hardDelete:this.settings.hardDelete}},resolveBlocker:function(t){const e=this.blockers.indexOf(t);-1!==e&&this.blockers.splice(e,1),this.blockers.length||this.$submitBtn.removeClass("disabled")},confirmAndDelete:async function(t){const e=this.getConfirmationMessage(t);if(confirm(e)){this.$submitBtn?.addClass("loading");try{await Craft.sendActionRequest("POST","delete-elements/delete",{data:this.getParams()})}catch(t){return}finally{this.$submitBtn?.removeClass("loading")}this.succeeded=!0,this.settings.onSuccess(),this.modal?.hide()}else this.settings.onCancel()},getConfirmationMessage:function(t){if(this.settings.confirmationMessage)return this.settings.confirmationMessage;const e=1===t?Craft.elementTypeNames[this.elementType][2]:Craft.elementTypeNames[this.elementType][3];return this.settings.hardDelete?Craft.t("app","Are you sure you want to permanently delete {numElements, plural, =1{this} other{these}} {type}?",{type:e,numElements:t}):Craft.t("app","Are you sure you want to delete {numElements, plural, =1{this} other{these}} {type}?",{type:e,numElements:t})},createModal:function(t){const e=$("",{class:"modal element-deletion-modal"}),i=$("",{class:"body"}).appendTo(e);$("",{class:"flex flex-inline items-center gap-xs",html:Craft.t("app","Before deleting {label}, please address the following {numBlockers, plural, =1{issue} other{issues}}:",{numBlockers:t.blockers.length,label:t.elementPreview})}).appendTo(i),this.$blockersContainer=$("",{class:"edm-blockers"}).appendTo(i);const s=$("",{class:"footer flex flex-justify"}).appendTo(e);$("",{class:"flex-grow"}).appendTo(s);const n=$("",{type:"button",class:"btn",text:Craft.t("app","Close")}).appendTo(s);this.$submitBtn=Craft.ui.createSubmitButton({class:"disabled",label:Craft.t("app","Delete {type}",{type:1===this.elementIds.length?Craft.elementTypeNames[this.elementType][2]:Craft.elementTypeNames[this.elementType][3]}),spinner:!0}).appendTo(s),this.modal=new Garnish.Modal(e,{resizable:!0,onFadeIn:()=>{Craft.cp.elementThumbLoader.load(e)},onHide:()=>{this.succeeded||this.settings.onCancel()},onFadeOut:()=>{this.destroy()}}),n.on("activate",()=>{this.modal.hide()}),this.$submitBtn.on("activate",async()=>{await this.confirmAndDelete(t.totalElements)})},destroy:function(){this.modal?.destroy(),delete this.modal;for(const t of this.blockers)t.destroy();delete this.blockers}},{defaults:{siteId:null,ownerId:null,withDescendants:!1,hardDelete:!1,confirmationMessage:null,onLoadBlockers:$.noop,onSuccess:$.noop,onCancel:$.noop}}),Craft.ElementDeletionManager.Blocker=Garnish.Base.extend({manager:null,data:null,id:null,$container:null,buttons:null,init:function(manager,data){this.manager=manager,this.data=data,this.buttons=[],this.id=`blocker-${Math.floor(1e6*Math.random())}`,this.$container=$("",{id:this.id,class:"edm-blocker"}).appendTo(this.manager.$blockersContainer);const $headingContainer=$("",{class:"flex flex-nowrap gap-0 mb-s"}).appendTo(this.$container);if(this.data.details&&$("",{type:"button",class:"fieldtoggle my-0","data-target":`${this.id}-details`,title:`${Craft.t("app","Expand")} “${this.data.summary}”`,"aria-label":`${Craft.t("app","Expand")} “${this.data.summary}”`,html:" "}).appendTo($headingContainer),$("",{class:"h3 mt-0",text:this.data.summary}).appendTo($headingContainer),this.data.details&&$("",{id:`${this.id}-details`,class:"edm-details hidden mb-m",html:this.data.details}).appendTo(this.$container),this.data.actions){const $actions=$("",{class:"flex flex-nowrap"}).appendTo(this.$container);for(const action of this.data.actions){const $button=Craft.ui.createButton({id:action.id,class:action.class,label:action.label,icon:action.icon,spinner:!0});this.buttons.push($button),$button.addClass("hairline-dark"),action.destructive&&$button.addClass("error"),action.attributes&&$button.attr(action.attributes),$button.appendTo($actions),$button.on("activate",async()=>{if(action.callback){let message;try{message=await new Promise((resolve,reject)=>{const blocker=this,{elementType:elementType,elementIds:elementIds,siteId:siteId,ownerId:ownerId,withDescendants:withDescendants,hardDelete:hardDelete}=this.manager.getParams();eval(action.callback)})}catch(t){return}return void await this.resolve(message)}if(action.confirm&&!confirm(action.confirm))return;if(!action.action)return;const submit=async()=>{let t;$button.addClass("loading");try{t=await Craft.sendActionRequest("POST",action.action,{data:{elementIds:this.elementIds,...action.params||{}}})}finally{$button.removeClass("loading")}this.resolve(t.data.message)};action.requireElevatedSession?Craft.elevatedSessionManager.requireElevatedSession(async()=>{await submit()}):await submit()})}}Craft.initUiElements(this.$container)},resolve:async function(t=null){this.$container.addClass("edm-blocker--resolved");for(const t of this.buttons)t.addClass("disabled");const e=$("",{class:"edm-blocker-resolved-message flex flex-nowrap items-center"}).appendTo(this.$container);$("",{class:"cp-icon teal"}).append(await Craft.ui.icon("check")).appendTo(e),$("",{class:"mt-0",text:t??Craft.t("app","Resolved")}).appendTo(e),this.manager.resolveBlocker(this)}})},5233:function(t,e,i){"use strict";function s(t,e){for(var i=[],s={},n=0;ni.parts.length&&(s.parts.length=i.parts.length)}else{var r=[];for(n=0;n=(i||Craft.ElevatedSessionManager.minSafeElevatedSessionTimeout)?this.onSuccess():this.showLoginModal()},async showLoginModal(){if(this.showingLoginModal)return;this.showingLoginModal=!0,this.loginModal&&this.loginModal.destroy();const{data:t}=await Craft.sendActionRequest("POST","users/login-modal",{data:{email:Craft.userEmail,forElevatedSession:!0}}),e=$(t.html);this.loginModal=new Garnish.Modal(e,{closeOtherModals:!1,shadeClass:"modal-shade dark login-modal-shade",onFadeIn:async()=>{Craft.initUiElements(e),e.find("craft-login-form").on("craft:login:success",t=>{t.preventDefault(),this.success=!0,this.loginModal.hide()})},onFadeOut:()=>{this.loginModal.destroy(),this.loginModal=null},onHide:()=>{this.showingLoginModal=!1,this.success?this.onSuccess():this.onCancel&&this.onCancel()}})}},{minSafeElevatedSessionTimeout:5}),Craft.elevatedSessionManager=new Craft.ElevatedSessionManager},5434:function(){Craft.DeleteUserModal=Garnish.Modal.extend({id:null,userId:null,$deleteActionRadios:null,$deleteSubmitBtn:null,userSelect:null,_deleting:!1,init:function(t,e){this.id=Math.floor(1e9*Math.random()),this.userId=t,e=$.extend(Craft.DeleteUserModal.defaults,e);let i=$('").appendTo(Garnish.$bod),s=$('").appendTo(i),n=$('').appendTo(s),a=$("",{type:"button",class:"btn",text:Craft.t("app","Cancel")}).appendTo(n);const r=s.find(".content-summary");if(e.contentSummary.length)for(let t=0;t{this.updateSizeAndPosition(),this.$deleteActionRadios.first().prop("checked")?this.validateDeleteInputs():this.$deleteActionRadios.first().trigger("click")},onRemoveElements:this.validateDeleteInputs.bind(this),selectable:!1,editable:!1}),this.addListener(a,"click","hide"),this.addListener(this.$deleteActionRadios,"change","validateDeleteInputs"),this.addListener(i,"submit","handleSubmit"),this.base(i,e)},_submitBtnLabel:function(t){let e=t?"Delete {num, plural, =1{user} other{users}} and content":"Delete {num, plural, =1{user} other{users}}";return Craft.t("app",e,{num:Array.isArray(this.userId)?this.userId.length:1})},validateDeleteInputs:function(){var t=!1;return this.$deleteActionRadios.eq(1).prop("checked")?(t=!0,this.$deleteSubmitBtn.find(".label").text(this._submitBtnLabel(!0))):(this.$deleteSubmitBtn.find(".label").text(this._submitBtnLabel(!1)),this.$deleteActionRadios.eq(0).prop("checked")&&(t=!!this.userSelect.totalSelected)),this.updateSizeAndPosition(),t?this.$deleteSubmitBtn.removeClass("disabled"):this.$deleteSubmitBtn.addClass("disabled"),t},handleSubmit:function(t){if(!this._deleting&&this.validateDeleteInputs()){this.$deleteSubmitBtn.addClass("loading"),this.disable(),this.userSelect.disable(),this._deleting=!0;try{!1===this.settings.onSubmit()&&t.preventDefault()}catch(e){throw t.preventDefault(),this.$deleteSubmitBtn.removeClass("loading"),e}}else t.preventDefault()},onFadeIn:function(){Garnish.isMobileBrowser(!0)||this.$deleteActionRadios.first().focus(),this.base()}},{defaults:{contentSummary:[],onSubmit:$.noop,redirect:null}})},5511:function(){Craft.EntrySelectInput=Craft.BaseElementSelectInput.extend({get section(){return this.settings.sectionId?Craft.publishableSections.find(t=>t.id===this.settings.sectionId):null},canCreateElements:function(){return!!this.section},createElement:async function(t){const e=(await Craft.sendActionRequest("POST","entries/create",{data:{siteId:this.settings.criteria.siteId,section:this.section.handle,authorId:Craft.userId,title:t}})).data.entry;try{await this.showElementEditor(e)}catch(t){return null}return e.id},showElementEditor:function(t){return new Promise((e,i)=>{const s=Craft.createElementEditor("CraftCms\\Cms\\Entry\\Elements\\Entry",{siteId:this.settings.criteria.siteId,elementId:t.id,draftId:t.draftId,params:{fresh:1}});let n=!1;s.on("submit",()=>{n=!0,e()}),s.on("close",()=>{n||i()})})}})},5535:function(){Craft.EntryTypeSelectInput=Craft.ComponentSelectInput.extend({init:function(t={}){this.base(Object.assign({},Craft.EntryTypeSelectInput.defaults,t))},addComponentInternal:function(t){if(this.settings.allowOverrides){const e=this.getDisclosureMenu(t),i=e.$container.find("[data-edit-action]");i.length&&e.hideItem(i[0]),this.settings.addItemsToActionMenus&&Craft.addActionsToChip(t,[{icon:async()=>await Craft.ui.icon("gear"),label:Craft.t("app","Settings"),onActivate:e=>{$(e).closest(".menu").data("disclosureMenu").$trigger.closest(".componentselect").data("componentSelect").createSettings(t)}}],!0)}this.base(t)},createSettings:async function(t){let e;try{e=(await Craft.sendActionRequest("POST","entry-types/render-override-settings",{data:JSON.parse(t.find("input").val())})).data}catch(t){throw Craft.cp.displayError(t?.response?.data?.message),t}const i=e.namespace,s=await this.createSlideout(e);s.$container.on("submit",e=>{e.preventDefault(),this.applySettings(t,s,i)}),s.on("close",()=>{s.destroy()}),this.trigger("createSettings")},async createSlideout(t){const e=$("",{class:"entry-type-override-settings-body"});$("",{class:"fields",html:t.settingsHtml}).appendTo(e);const i=$("",{class:"entry-type-override-settings-footer"});$("",{class:"flex-grow"}).appendTo(i);const s=Craft.ui.createButton({label:Craft.t("app","Close"),spinner:!0}).appendTo(i);Craft.ui.createSubmitButton({class:"secondary",label:Craft.t("app","Apply"),spinner:!0}).appendTo(i);const n=e.add(i),a=new Craft.Slideout(n,{containerElement:"form",containerAttributes:{action:"",method:"post",novalidate:"",class:"entry-type-override-settings"}});return a.on("open",()=>{Garnish.requestAnimationFrame(()=>{a.$container.find(".text:first").focus()})}),s.on("click",()=>{a.close()}),t.headHtml&&await Craft.appendHeadHtml(t.headHtml),t.bodyHtml&&await Craft.appendBodyHtml(t.bodyHtml),Craft.initUiElements(a.$container),a},async applySettings(t,e,i){let s=e.$container.find("button[type=submit]").addClass("loading");e.$container.find(".field.has-errors").each((t,e)=>{const i=$(e);i.removeClass("has-errors"),i.children(".input").removeClass("errors prevalidate"),i.children("ul.errors").remove()});try{let s;try{s=(await Craft.sendActionRequest("POST","entry-types/apply-override-settings",{data:{id:t.data("id"),settingsNamespace:i,settings:e.$container.serialize()}})).data}catch(t){let i=t?.response?.data?.errors;throw i&&Object.entries(i).forEach(([t,i])=>{const s=e.$container.find(`[data-error-key="${t}"]`);s.length&&Craft.ui.addErrorsToField(s,i)}),Craft.cp.displayError(t?.response?.data?.message),t}const n=$(s.chipHtml);t.find(".chip-label").replaceWith(n.find(".chip-label"));const a=t.find("input"),r={...s.config},o=JSON.parse(a.val()).group;o&&(r.group=o),a.val(JSON.stringify(r)),Craft.initUiElements(t),this.trigger("applySettings"),e.close(),e.destroy()}finally{s.removeClass("loading")}},renderSettings:function(t){return Object.assign(this.base(),{inputValue:this.settings.allowOverrides?JSON.stringify({id:t}):null})}},{defaults:{allowOverrides:!1}})},5766:function(){Craft.BaseElementSelectInput=Garnish.Base.extend({elementSelect:null,elementSort:null,modal:null,elementEditor:null,modalFirstOpen:!0,$container:null,$form:null,$elementsContainer:null,$elements:null,$addElementBtn:null,$spinner:null,searchTimeout:null,searchMenu:null,$searchContainer:null,$searchInput:null,$searchSpinner:null,_ignoreSearchBlur:!1,_initialized:!1,_$replaceElement:null,get thumbLoader(){return console.warn("Craft.BaseElementSelectInput::thumbLoader is deprecated. Craft.cp.elementThumbLoader should be used instead."),Craft.cp.elementThumbLoader},init:function(t){if(!$.isPlainObject(t)){for(var e={},i=["id","name","elementType","sources","criteria","sourceElementId","limit","modalStorageKey","fieldId"],s=0;s{this._initialized=!0}),this.elementSelect&&this.addListener(Garnish.$win,"mousedown",t=>{this.$container.is(t.target)||this.$container.find(t.target).length||$(t.target).closest(".menu").length||this.elementSelect.deselectAll()}),setTimeout(()=>{this.elementEditor=this.$container.closest("form").data("elementEditor")},100)},get totalSelected(){return this.$elements.length},getContainer:function(){return $("#"+this.settings.id)},getElementsContainer:function(){return this.$container.children(".elements")},getElements:function(){return this.$elementsContainer.hasClass("structure")?this.$elementsContainer.find("> li .row .element"):this.$elementsContainer.find("> li > .element")},getSearchContainer:function(){return this.$container.find(".elementselect__search-input-wrapper")},getSearchInput:function(){return this.$searchContainer.find("input")},getSearchSpinner:function(){return this.$searchContainer.find(".spinner")},getAddElementsBtn:function(){return this.$container.find(".btn.add:first")},getSpinner:function(){return this.$container.find(".spinner")},initElementSelect:function(){this.settings.selectable&&(this.elementSelect=new Garnish.Select(this.elementSelectSettings()))},elementSelectSettings(){return{multi:this.settings.sortable,filter:t=>!$(t).closest("a[href],button,[role=button]").length,makeFocusable:!1}},initElementSort:function(){Craft.hasMousePointerEvents()||$(".element > .chip-content > .chip-actions > .move-btn, .element > .card-titlebar > .card-actions-container > .card-actions > .move-btn").hide(),this.settings.sortable&&Craft.hasMousePointerEvents()&&(this.elementSort=new Garnish.DragSort({container:this.$elementsContainer,filter:this.settings.selectable?()=>this.elementSort.$targetItem.children(".element").hasClass("sel")?this.elementSelect.getSelectedItems().parent("li"):this.elementSort.$targetItem:null,ignoreHandleSelector:".delete",handle:(()=>{switch(this.settings.viewMode){case"list":case"list-inline":case"thumbs":case"large":return"> .element > .chip-content > .chip-actions > .move-btn";case"cards":return"> .element > .card-titlebar > .card-actions-container > .card-actions > .move-btn";default:return null}})(),axis:this.getElementSortAxis(),collapseDraggees:!0,magnetStrength:4,helperLagBase:1.5,onBeforeDragStart:()=>{this.elementEditor?.pause(),this.$elementsContainer.find("craft-element-label").attr("disabled",!0)},onDragStop:()=>{this.elementEditor?.resume(),this.$elementsContainer.find("craft-element-label").removeAttr("disabled")},onSortChange:()=>{this.onSortChange()}}))},getElementSortAxis:function(){return"list"!==this.settings.viewMode||this.getElementsContainer().hasClass("inline-chips")?null:"y"},canAddMoreElements:function(){return this.settings.allowAdd&&(!this.settings.limit||this.$elements.length .chip-content > .chip-actions .action-btn, > .card-titlebar > .card-actions-container > .card-actions .action-btn").data("disclosureMenu")||i.children('[slot="suffix"]').find("[data-disclosure-trigger]").first().data("disclosureMenu"),e=t.$container.find("[data-move-forward]")[0],n=t.$container.find("[data-move-backward]")[0];t.on("show",()=>{const s=i.parent(),a=s.prev(),r=s.next();e&&t.toggleItem(e,a.length),n&&t.toggleItem(n,r.length)})}this.settings.sortable&&Craft.hasMousePointerEvents()&&Craft.ui.createButton({class:"chromeless small move-btn",icon:"move"}).attr({title:Craft.t("app","Reorder"),"aria-label":Craft.t("app","Reorder"),"aria-describedby":i.find(".label").attr("id")}).appendTo(i.find("> .chip-content > .chip-actions, > .card-titlebar > .card-actions-container > .card-actions"))}Craft.cp.elementThumbLoader.load(t),this.settings.selectable&&this.elementSelect.addItems(t),this.settings.sortable&&this.elementSort?.addItems(t.parent("li")),this.settings.editable&&(this._handleShowElementEditor=t=>{if("taphold"!==t.type||"BUTTON"!==t.target.nodeName){var e=$(t.currentTarget);!Garnish.hasAttr(e,"data-editable")||e.hasClass("disabled")||e.hasClass("loading")||this.createElementEditor(e)}},this.addListener(t,"dblclick",this._handleShowElementEditor),$.isTouchCapable()&&this.addListener(t,"taphold",this._handleShowElementEditor)),t.on("keydown",t=>{if([Garnish.BACKSPACE_KEY,Garnish.DELETE_KEY].includes(t.keyCode)){t.stopPropagation(),t.preventDefault();const e=this.elementSelect.getSelectedItems();for(let t=0;tawait Craft.ui.icon("y"===i?"arrow-up":"ltr"===Craft.orientation?"arrow-left":"arrow-right"),label:"y"===i?Craft.t("app","Move up"):Craft.t("app","Move forward"),callback:()=>{this.moveElementForward(t)},attributes:{"data-move-forward":!0}}),e.push({icon:async()=>await Craft.ui.icon("y"===i?"arrow-down":"ltr"===Craft.orientation?"arrow-right":"arrow-left"),label:"y"===i?Craft.t("app","Move down"):Craft.t("app","Move backward"),callback:()=>{this.moveElementBackward(t)},attributes:{"data-move-backward":!0}})}return this.settings.allowRemove&&(this.settings.elementType&&e.push({icon:async()=>await Craft.ui.icon("arrows-rotate"),label:Craft.t("app","Replace"),callback:()=>{this._$replaceElement=t,this.showModal()}}),e.push({icon:async()=>await Craft.ui.icon("remove"),label:Craft.t("app","Remove"),callback:()=>{this.elementSelect?.isSelected(t)?this.removeElement(this.elementSelect.getSelectedItems()):this.removeElement(t)}})),e},createElementEditor:function(t,e){return e=Object.assign({elementSelectInput:this,prevalidate:this.settings.prevalidate},e),Craft.createElementEditor(this.settings.elementType,t,e)},replaceElement:function(t,e){return new Promise((i,s)=>{const n=this.$elements.filter(`[data-id="${t}"]`);n.length?(this.showSpinner(),Craft.sendActionRequest("POST","app/render-elements",{data:{elements:[{type:this.settings.elementType,id:e,siteId:this.settings.criteria.siteId,instances:[{context:"field",ui:["list","list-inline","thumbs","large"].includes(this.settings.viewMode)?"chip":"card",size:["thumbs","large"].includes(this.settings.viewMode)?"large":"small",showActionMenu:this.settings.showActionMenu}]}]}}).then(async({data:t})=>{this.removeElement(n);const s=Craft.getElementInfo(t.elements[e][0]);this.selectElements([s]).then(i),await Craft.appendHeadHtml(t.headHtml),await Craft.appendBodyHtml(t.bodyHtml)}).catch(t=>{Craft.cp.displayError(t?.response?.data?.message),s(t?.response?.data?.message)}).finally(()=>{this.hideSpinner()})):s(`No element selected with an ID of ${t}.`)})},onSortChange(){this.elementSelect?.resetItemOrder(),this.$elements=$().add(this.$elements)},moveElementForward(t){const e=t.closest("li"),i=e.prev();i.length&&(e.insertBefore(i),this.onSortChange())},moveElementBackward(t){const e=t.closest("li"),i=e.next();i.length&&(e.insertAfter(i),this.onSortChange())},removeElements:function(t){if(this.settings.selectable&&this.elementSelect.removeItems(t),this.modal){for(var e=[],i=0;i=0?this.$elements.eq(e-1):null}if(n?.length||a?.length){let t;t=n?.length?this.getElementFocusTarget(n):this.getElementFocusTarget(a),t?.focus()}else setTimeout(()=>{this.focusNextLogicalElement()},200);this.$elements=this.$elements.not(t),this.updateAddElementsBtn(),this.onSortChange(),this.onRemoveElements()},getElementFocusTarget:function(t){return t.is(":focusable")?t:Garnish.firstFocusableElement(t).length?Garnish.firstFocusableElement(t):null},removeElement:function(t){if(this.settings.maintainHierarchy){let e=$();for(let i=0;ithis.getNextLogicalFocusElement(),modalTitle:Craft.t("app","Choose")},this.settings.modalSettings);return this.modalFirstOpen||(t.preferStoredSource=!0),t},getSelectedElementIds:function(){const t=[];for(let e=0;e{switch(this.settings.viewMode){case"thumbs":case"large":return["chip","large"];case"cards":case"cards-grid":return["card",null];default:return["chip","small"]}})(),{data:s}=await Craft.sendActionRequest("POST","app/render-elements",{data:{elements:[{type:this.settings.elementType,id:t.map(t=>t.id),siteId:t[0].siteId,instances:[{context:"field",ui:e,size:i,showActionMenu:this.settings.showActionMenu}]}]}});for(let e=0;en&&(t=t.slice(0,n))}await this.selectElements(t),this.updateDisabledElementsInModal()}this.modal?.enable(),this.modal?.enableCancelBtn(),this.modal?.enableSelectBtn(),this.modal?.hideFooterSpinner(),this.modal?.hide(),await Craft.appendHeadHtml(s.headHtml),await Craft.appendBodyHtml(s.bodyHtml),this.elementEditor?.resume()},onModalHide:function(){this.modal&&this.settings.condition&&this.settings.referenceElementId&&(this.modal.destroy(),this.modal=null),this._$replaceElement=null},selectElements:async function(t){const e=[];for(let i=0;i{s[0]===this.$elementsContainer[0]||e.siblings().length?e.remove():s.remove()}}const s=()=>{this.animateElementAway(t.eq(e),i)};0===e?s():setTimeout(s,100*e)},canCreateElements:function(){return!1},createElement:async function(t){},initSearch(){this.$searchInput.length&&(this.addListener(this.$searchInput,"input",()=>{this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout(()=>{this.searchForTags()},500)}),this.addListener(this.$searchInput,"keydown",function(t){switch(t.keyCode===Garnish.RETURN_KEY&&t.preventDefault(),t.keyCode){case Garnish.RETURN_KEY:return t.preventDefault(),void(this.searchMenu&&this.selectSearchResult(this.searchMenu.$options.filter(".hover")));case Garnish.DOWN_KEY:if(t.preventDefault(),this.searchMenu){let t=this.searchMenu.$options.filter(".hover");if(t.length){let e=t.parent().nextAll().find(".menu-item:not(.disabled)").first();e.length&&this.focusOption(e)}else this.focusOption(this.searchMenu.$options.eq(0))}return;case Garnish.UP_KEY:if(t.preventDefault(),this.searchMenu){let t=this.searchMenu.$options.filter(".hover");if(t.length){let e=t.parent().prevAll().find(".menu-item:not(.disabled)").last();e.length&&this.focusOption(e)}else this.focusOption(this.searchMenu.$options.eq(this.searchMenu.$options.length-1))}return}}),this.addListener(this.$searchInput,"focus",function(){this.searchMenu&&this.searchMenu.show()}),this.addListener(this.$searchInput,"blur",function(){this._ignoreSearchBlur?this._ignoreSearchBlur=!1:setTimeout(()=>{this.searchMenu&&this.searchMenu.hide()},1)}))},searchForTags:async function(){this.searchMenu&&this.killSearchMenu();const t=this.$searchInput.val();if(t){this.$searchSpinner.removeClass("hidden"),Craft.cp.announce(Craft.t("app","Loading"));const e=[];for(let t=0;t instead."),this.icon=document.createElement("craft-info-icon"),t.classList.contains("disabled")&&this.icon.setAttribute("disabled",""),this.icon.innerHTML=t.innerHTML,t.replaceWith(this.icon)}})},6395:function(){Craft.Tabs=Garnish.Base.extend({$container:null,$tablist:null,$menuBtn:null,$tabs:null,$firstTab:null,$lastTab:null,$selectedTab:null,$focusableTab:null,menu:null,init:function(t,e={}){this.$container=$(t),this.setSettings(e,Craft.Tabs.defaults),this.$tablist=this.$container.find('> [role="tablist"]:first'),this.$tabs=this.$tablist.find('> [role="tab"]'),this.$firstTab=this.$tabs.first(),this.$lastTab=this.$tabs.last(),this.$selectedTab=this.$tabs.filter(".sel:first"),this.$focusableTab=this.$tabs.filter("[tabindex=0]:first"),this.$menuBtn=this.$container.find("> .menubtn:first").disclosureMenu(),this.menu=this.$menuBtn.data("trigger").$container,this.$container.data("tabs")&&(console.warn("Double-instantiating a tab manager on an element"),this.$container.data("tabs").destroy()),this.$container.data("tabs",this);for(let t=0;t{[Garnish.SPACE_KEY,Garnish.RETURN_KEY].includes(t.keyCode)&&(t.preventDefault(),this.selectTab(t.currentTarget,!0))}),this.addListener(e,"click",t=>{const i=e.attr("href");this.settings.handleCtrlClicks&&"#"===i?.charAt(0)&&Garnish.isCtrlKeyPressed(t)||(t.preventDefault(),this.selectTab(t.currentTarget,!0))})),this.addListener(e,"keydown",t=>{let e;[Garnish.LEFT_KEY,Garnish.RIGHT_KEY].includes(t.keyCode)&&$.contains(this.$tablist[0],t.currentTarget)?t.keyCode===("ltr"===Craft.orientation?Garnish.LEFT_KEY:Garnish.RIGHT_KEY)?(e=$(t.currentTarget).prevAll('[role="tab"]:not(.hidden):first'),e=e.length?e:this.$lastTab):(e=$(t.currentTarget).nextAll('[role="tab"]:not(.hidden):first'),e=e.length?e:this.$firstTab):t.keyCode!==Garnish.HOME_KEY&&t.keyCode!==Garnish.END_KEY||(e=t.keyCode===Garnish.HOME_KEY?this.$firstTab:this.$lastTab),e&&(t.preventDefault(),this.makeTabFocusable(e),e.focus(),this.scrollToTab(e))})}this.updateMenuBtn(),Garnish.$win.on("resize",()=>{this.updateMenuBtn()});const i=this.getMenuOptions();this.addListener(i,"activate",t=>{const e=$(t.currentTarget),i=e.attr("href");if(this.settings.handleCtrlClicks&&"#"===i?.charAt(0)){if(Garnish.isCtrlKeyPressed(t.originalEvent))return;t.preventDefault()}this.selectTab(e.data("id")),this.$menuBtn.data("trigger").hide()})},getMenuOptions:function(){return this.menu.find("a")},getSelectedTabIndex:function(){return this.$tabs.index(this.$selectedTab)},selectTab:function(t,e=!0){const i=this._getTab(t);if(i[0]===this.$selectedTab[0])return;this.deselectTab(),this.$selectedTab=i.addClass("sel").attr("aria-selected","true"),this.makeTabFocusable(i),e&&i.focus(),this.scrollToTab(i),this.getMenuOptions().removeClass("sel").removeAttr("aria-current"),this.getMenuOptions().filter(`[data-id="${i.data("id")}"]`).addClass("sel").attr("aria-current","true"),this.trigger("selectTab",{$tab:i}),$("#content").trigger("scroll");const s=i.closest(".slideout-container");s.length&&s.find(".so-content").trigger("scroll")},deselectTab:function(){const t=this.$selectedTab.removeClass("sel").attr("aria-selected","false");this.$selectedTab=null,this.trigger("deselectTab",{$tab:t})},makeTabFocusable:function(t){const e=this._getTab(t);e[0]!==this.$focusableTab[0]&&(this.$focusableTab.attr("tabindex","-1"),this.$focusableTab=e.attr("tabindex","0"))},scrollToTab:function(t){const e=this._getTab(t),i=this.$tablist.scrollLeft(),s=e.offset().left-this.$tablist.offset().left;let n=!1;if(s<0)n=i+s-24;else{const t=e.outerWidth(),a=this.$tablist.prop("clientWidth");s+t>a&&(n=i+(s-(a-t))+24)}!1!==n&&this.$tablist.scrollLeft(n)},updateMenuBtn:function(){Math.floor(this.$tablist.prop("scrollWidth")-48)>this.$container.prop("clientWidth")?(this.$tablist.addClass("scrollable"),this.$menuBtn.removeClass("hidden")):(this.$tablist.removeClass("scrollable"),this.$menuBtn.addClass("hidden"))},_getTab:function(t){if("number"==typeof t&&(t=this.$tabs.eq(t)),t instanceof jQuery)return t;if(t instanceof HTMLElement)return $(t);if("string"!=typeof t)throw"Invalid tab ID";const e=this.$tabs.filter(`[data-id="${t}"]`);if(!e.length)throw`Invalid tab ID: ${t}`;return e},destroy:function(){this.$container.removeData("tabs"),this.base()}},{defaults:{handleCtrlClicks:!1}})},6466:function(){Craft.TableElementIndexView=Craft.BaseElementIndexView.extend({$table:null,$tableCaption:null,$selectedSortHeader:null,$statusMessage:null,$editBtn:null,$saveBtn:null,$cancelBtn:null,tableSort:null,_totalVisiblePostStructureTableDraggee:null,_morePendingPostStructureTableDraggee:!1,_broadcastListener:null,initialSerializedValue:null,stickyScrollbar:null,stickyScrollbarObserver:null,getElementContainer:function(){return this.$table=this.$container.find("table:first"),this.$table.children("tbody:first")},afterInit:function(){this.$tableCaption=this.$table.find("caption"),this.initTableHeaders(),this.createScrollbar(),(this.settings.sortable||this.elementIndex.isAdministrative&&"structure"===this.elementIndex.viewMode&&Garnish.hasAttr(this.$table,"data-structure-id"))&&!this.elementIndex.inlineEditing&&(this.tableSort=new Craft.ElementTableSorter(this,this.getAllElements(),{structureId:this.$table.data("structure-id"),maxLevels:this.$table.attr("data-max-levels"),onSortChange:()=>{this.settings.onSortChange(this.tableSort.$draggee)}})),"structure"!==this.elementIndex.viewMode||this.elementIndex.inlineEditing||this.addListener(this.$elementContainer,"click",function(t){var e=$(t.target);e.hasClass("toggle")&&!1===this._collapseElement(e)&&this._expandElement(e)}),this.elementIndex.isAdministrative&&!this.elementIndex.settings.static&&!1!==this.elementIndex.settings.inlineEditable&&this.$elementContainer.has("> tr[data-id] > th .element[data-editable]")&&this.initForInlineEditing(),Craft.messageReceiver&&(this._broadcastListener=t=>{if("saveElement"===t.data.event||"replaceFile"===t.data.event){const e=this.$table.find(`> tbody > tr[data-id="${t.data.id}"]`);if(e.length){const i=Object.assign(this.elementIndex.getViewParams(),{id:t.data.id});Craft.sendActionRequest("POST","element-indexes/element-table-html",{data:i}).then(({data:t})=>{for(let i=0;i td[data-attr="${e}"]`).html(t.attributeHtml[e])}Craft.cp.elementThumbLoader.load(e)})}}},Craft.messageReceiver.addEventListener("message",this._broadcastListener))},initForInlineEditing:function(){this.elementIndex.inlineEditing?(Craft.initUiElements(this.$elementContainer),this.initialSerializedValue=this.serializeInputs(),this.$saveBtn=Craft.ui.createSubmitButton({label:Craft.t("app","Save"),spinner:!0}).insertBefore(this.elementIndex.$exportBtn),this.$cancelBtn=Craft.ui.createButton({label:Craft.t("app","Cancel"),spinner:!0}).insertBefore(this.elementIndex.$exportBtn),this.addListener(this.$saveBtn,"activate",()=>{this.$saveBtn.addClass("loading"),this.closeDateTimeFields(),this.saveChanges().then(t=>{if(t.errors){for(const e in t.errors)if(t.errors.hasOwnProperty(e)){const i=this.$elementContainer.children(`[data-id="${e}"]`);for(const s in t.errors[e])i.find(`[name*="${s}"]`).closest("td").addClass("errors")}return this.elementIndex.setIndexAvailable(),void Craft.cp.displayError(Craft.t("app","Could not save due to validation errors."))}Craft.cp.displaySuccess(Craft.t("app","Changes saved.")),this.elementIndex.inlineEditing=!1,this.elementIndex.updateElements(!0,!1).then(()=>{this.elementIndex.$elements.removeClass("inline-editing")})}).catch(()=>{this.elementIndex.setIndexAvailable(),Craft.cp.displayError()}).finally(()=>{this.$saveBtn.removeClass("loading")})}),this.addListener(this.$cancelBtn,"activate",()=>{this.getDeltaInputChanges()&&!confirm(Craft.t("app","Are you sure you want to discard your changes?"))||(this.$cancelBtn.addClass("loading"),this.elementIndex.inlineEditing=!1,this.closeDateTimeFields(),this.elementIndex.updateElements(!0,!1).then(()=>{this.elementIndex.$elements.removeClass("inline-editing")}))}),this.addListener(this.$elementContainer,"keydown",t=>{t.keyCode!==Garnish.RETURN_KEY||"TEXTAREA"===t.target.nodeName&&!Garnish.isCtrlKeyPressed(t)?t.keyCode===Garnish.S_KEY&&Garnish.isCtrlKeyPressed(t)&&(t.stopPropagation(),t.preventDefault(),this.$saveBtn.trigger("click")):this.$saveBtn.trigger("click")})):(this.$editBtn=Craft.ui.createButton({label:Craft.t("app","Edit"),spinner:!0}).insertBefore(this.elementIndex.$exportBtn),this.addListener(this.$editBtn,"activate",()=>{this.$editBtn.addClass("loading"),this.elementIndex.inlineEditing=!0,this.elementIndex.updateElements(!0,!1).then(()=>{this.elementIndex.$elements.addClass("inline-editing")})}))},closeDateTimeFields:function(){this.elementIndex.$elements.find(".datewrapper input").datepicker("destroy"),$().timepicker&&this.elementIndex.$elements.find(".timewrapper input").timepicker("remove")},serializeInputs:function(){const t=Garnish.getPostData(this.$elementContainer),e=[];for(const i in t)e.push(encodeURIComponent(`${i}=${t[i]}`));return e.join("&")},getDeltaInputChanges:function(){const t=this.$elementContainer.children().toArray().map(t=>`${this.elementIndex.nestedInputNamespace}[element-${$(t).data("id")}]`);return Craft.findDeltaData(this.initialSerializedValue,this.serializeInputs(),t)},haveInputsChanged:function(){return this.serializeInputs()!==this.initialSerializedValue},saveChanges:async function(){let t=this.getDeltaInputChanges();return t?(t+="&"+$.param({elementType:this.elementIndex.elementType,siteId:this.elementIndex.siteId,namespace:this.elementIndex.nestedInputNamespace}),(await Craft.sendActionRequest("POST","element-indexes/save-elements",{data:t})).data):{}},initTableHeaders:function(){if(this.elementIndex.inlineEditing)return;let t,e;"structure"===this.elementIndex.viewMode?(t="structure",e="asc"):[t,e]=this.elementIndex.getSortAttributeAndDirection();const i=this.$table.children("thead").children().children("[data-attribute]");for(let s=0;s",{id:`${this.elementIndex.idPrefix}-${t.attr("data-attribute")}`,type:"button","aria-pressed":"false"}).html(i);s.length&&n.attr("aria-describedby",s.attr("id")),e?(n.attr("aria-pressed","true"),n.on("click",this._handleSelectedSortHeaderClick.bind(this))):n.on("click",this._handleUnselectedSortHeaderClick.bind(this)),t.empty().append(n)},isVerticalList:function(){return!0},getTotalVisible:function(){return this._isStructureTableDraggingLastElements()?this._totalVisiblePostStructureTableDraggee:this._totalVisible},setTotalVisible:function(t){this._isStructureTableDraggingLastElements()?this._totalVisiblePostStructureTableDraggee=t:this._totalVisible=t},getMorePending:function(){return this._isStructureTableDraggingLastElements()?this._morePendingPostStructureTableDraggee:this._morePending},setMorePending:function(t){this._isStructureTableDraggingLastElements()?this._morePendingPostStructureTableDraggee=t:this._morePending=this._morePendingPostStructureTableDraggee=t},getLoadMoreParams:function(){var t=this.base();return this._isStructureTableDraggingLastElements()&&(t.criteria.positionedAfter=this.tableSort.$targetItem.data("id")),t},appendElements:function(t){this.base(t),this.tableSort&&this.tableSort.addItems(t),Craft.cp.updateResponsiveTables()},_collapseElement:function(t,e){if(!e&&!t.hasClass("expanded"))return!1;t.removeClass("expanded"),t.attr("aria-expanded","false");for(var i=t.closest("tr"),s=i.data("id"),n=i.data("level"),a=i.next();a.length;){if(!Garnish.hasAttr(a,"data-spinnerrow")){if(a.data("level")<=n)break;this.elementSelect&&this.elementSelect.removeItems(a),this.tableSort&&this.tableSort.removeItems(a),this._totalVisible--}var r=a.next();a.remove(),a=r}this.elementIndex.instanceState.collapsedElementIds||(this.elementIndex.instanceState.collapsedElementIds=[]),this.elementIndex.instanceState.collapsedElementIds.push(s),this.elementIndex.setInstanceState("collapsedElementIds",this.elementIndex.instanceState.collapsedElementIds),this.maybeLoadMore()},_expandElement:function(t,e){if(!e&&t.hasClass("expanded"))return!1;if(t.addClass("expanded"),t.attr("aria-expanded","true"),this.elementIndex.instanceState.collapsedElementIds){var i=t.closest("tr"),s=i.data("id"),n=$.inArray(s,this.elementIndex.instanceState.collapsedElementIds);if(-1!==n){this.elementIndex.instanceState.collapsedElementIds.splice(n,1),this.elementIndex.setInstanceState("collapsedElementIds",this.elementIndex.instanceState.collapsedElementIds);var a=this._createSpinnerRowAfter(i);let t=$.extend(!0,{},this.settings.params);t.criteria.descendantOf=s,Craft.sendActionRequest("POST",this.settings.loadMoreElementsAction,{data:t}).then(async t=>{if(!a.parent().length)return;let e=$(t.data.html),i=this._totalVisible+e.length,s=this.settings.batchSize&&e.length===this.settings.batchSize;if(s){let t=a.nextAll();this.elementSelect&&this.elementSelect.removeItems(t),this.tableSort&&this.tableSort.removeItems(t),t.remove(),i-=t.length}else s=this._morePending;a.replaceWith(e),this.thumbLoader.load(e),(this.elementIndex.actions||this.settings.selectable)&&(this.elementSelect.addItems(e.filter(":not(.disabled)")),this.elementIndex.updateActionTriggers()),this.tableSort&&this.tableSort.addItems(e),await Craft.appendHeadHtml(t.data.headHtml),await Craft.appendBodyHtml(t.data.bodyHtml),Craft.cp.updateResponsiveTables(),this.setTotalVisible(i),this.setMorePending(s),this.maybeLoadMore()}).catch(t=>{Craft.cp.displayError(),a.parent().length})}}},_createSpinnerRowAfter:function(t){return $('this.biggestId&&(this.biggestId=i)}if(this.isVisible()?this.initialize():window.setTimeout(this.initializeIfVisible.bind(this),500),this.settings.minRows&&this.rowCount0},initialize:function(){if(this.initialized)return!1;this.initialized=!0,this.removeListener(Garnish.$win,"resize");const t=this.$table.parent(".input");t.length&&this.$table.width()>t.width()&&t.css("overflow-x","auto"),this.$addRowBtn=this.$table.next(".add"),this.updateAddRowButton();const e=this.$tbody.find(".action-btn");if(1===this.rowCount&&e.attr("disabled","disabled").addClass("disabled"),this.addListener(this.$addRowBtn,"activate","addRow"),this.settings.lazyInitRows=this.settings.lazyInitRows&&!Object.entries(this.columns).some(([t,e])=>"checkbox"===e.type&&e.radioMode),this.settings.lazyInitRows)this.addListener(this.$tbody.add(e),"keypress,keyup,change,focus,blur,click,mousedown,mouseup",t=>{const e=$(t.target),i=e.closest("tr");if(i.length&&!i.data("editable-table-row")){const t=e.hasClass("editable-table-preview")?e.next():null;this.createRowObj(i),setTimeout(()=>{t&&!t.is(":focus")&&t.focus()},100)}});else{const t=this.$tbody.children();for(let e=0;e tbody > tr");for(let e=0;e{this.$statusMessage.text(t)},250)},canDeleteRow:function(){return!!this.settings.allowDelete&&this.rowCount>this.settings.minRows},deleteRow:function(t){this.canDeleteRow()?(this.sorter?.removeItems(t.$tr),t.$tr.remove(),this.rowCount--,this.updateAllRows(),this.updateAddRowButton(),0===this.rowCount?(this.$table.addClass("hidden"),this.$addRowBtn.focus()):this.$tbody.find(":focusable").last().focus(),this.settings.onDeleteRow(t.$tr),this.trigger("deleteRow",{$tr:t.$tr}),t.destroy()):this.updateStatusMessage()},canAddRow:function(){return!!this.settings.allowAdd&&(!this.settings.maxRows||this.rowCount",{"data-id":t});for(const n in e){if(!e.hasOwnProperty(n))continue;const a=e[n],r=void 0!==s[n]?s[n]:"";let o;if("heading"===a.type)o=$("t&&(t=this.niceTexts[e].height);this.$textareas.css("min-height",t);const e=this.$textareas.filter(":visible").first().parent().height();e>t&&this.$textareas.css("min-height",e)},deleteRow:function(){this.table.deleteRow(this)}},{numericKeyCodes:[9,8,37,38,39,40,45,91,46,190,48,49,50,51,52,53,54,55,56,57]})},6688:function(){Craft.StructureDrag=Garnish.Drag.extend({structure:null,maxLevels:null,draggeeLevel:null,$helperLi:null,$targets:null,draggeeHeight:null,init:function(t,e){this.structure=t,this.maxLevels=e,this.$insertion=$('');var i=this.structure.$container.find("li");this.base(i,{handle:".element:first, .move:first",helper:this.getHelper.bind(this)})},getHelper:function(t){this.$helperLi=t;var e=$('=this._.targetOffset.top+5&&this._.targetYDiff=this._.closestTargetOffset.top+this._.closestTargetHeight-5,this._.$nextTargetLi&&this._.nextTargetLevel==this._.closestTargetLevel)this._.hoveringBetweenRows?(!this.maxLevels||this.maxLevels>=this._.closestTargetLevel+this.draggeeLevel-1)&&this.$insertion.insertAfter(this._.$closestTargetLi):(!this.maxLevels||this.maxLevels>=this._.closestTargetLevel+this.draggeeLevel)&&this._.$closestTarget.addClass("draghover");else if(this._.$nextTargetLi&&this._.nextTargetLevel>this._.closestTargetLevel)(!this.maxLevels||this.maxLevels>=this._.nextTargetLevel+this.draggeeLevel-1)&&(this._.hoveringBetweenRows?this.$insertion.insertBefore(this._.$nextTargetLi):(this._.$closestTarget.addClass("draghover"),this.$insertion.appendTo(this._.$closestTargetLi.children("ul"))));else if(this._.hoveringBetweenRows){for(this._.draggeeX=this.mouseX-this.targetItemMouseDiffX,"rtl"===Craft.orientation&&(this._.draggeeX+=this.$helperLi.width()),this._.$parentLis=this._.$closestTarget.parentsUntil(this.structure.$container,"li"),this._.$closestParentLi=null,this._.closestParentLiXDiff=null,this._.closestParentLevel=null,this._.i=0;this._.i=this._.parentLevel+this.draggeeLevel-1)&&(!this._.$closestParentLi||this._.parentLiXDiff=this._.nextTargetLevel))&&(this._.$closestParentLi=this._.$parentLi,this._.closestParentLiXDiff=this._.parentLiXDiff,this._.closestParentLevel=this._.parentLevel);this._.$closestParentLi&&this.$insertion.insertAfter(this._.$closestParentLi)}else(!this.maxLevels||this.maxLevels>=this._.closestTargetLevel+this.draggeeLevel)&&this._.$closestTarget.addClass("draghover")},cancelDrag:function(){this.$insertion.remove(),this._.$closestTarget&&this._.$closestTarget.removeClass("draghover"),this.onMouseUp()},onDragStop:function(){if(this._.$closestTarget&&(this.$insertion.parent().length||this._.$closestTarget.hasClass("draghover"))){var t,e;if(this.$draggee.siblings().length||(t=this.$draggee.parent()),this.$insertion.parent().length){var i=this.$insertion.next().add(this.$insertion.prev());-1===$.inArray(this.$draggee[0],i)?(this.$insertion.replaceWith(this.$draggee),e=!0):(this.$insertion.remove(),e=!1)}else{var s=this._.$closestTargetLi.children("ul");if(t&&s.length&&s[0]===t[0])e=!1;else{if(s.length)this._.$closestTargetLi.hasClass("collapsed")&&this._.$closestTarget.children(".toggle").trigger("click");else{var n=$('').prependTo(this._.$closestTarget);this.structure.initToggle(n),s=$("
This will toggle
+
+
+
+
`,
} satisfies MetaThis content is revealed inline when the disclosure is expanded.
+It pushes subsequent content down in the normal document flow.
+
+
+
+
+
+
+
+
+
+
+
+ `,
};
diff --git a/packages/craftcms-cp/src/components/empty/empty.ts b/packages/craftcms-cp/src/components/empty/empty.ts
new file mode 100644
index 00000000000..356d9b9d2fb
--- /dev/null
+++ b/packages/craftcms-cp/src/components/empty/empty.ts
@@ -0,0 +1,63 @@
+import {css, html, LitElement, nothing} from 'lit';
+import {property} from 'lit/decorators.js';
+
+import '../icon/icon';
+
+export default class CraftEmpty extends LitElement {
+ static override styles = [
+ css`
+ .cp-empty {
+ min-height: calc(200rem / 16);
+ display: grid;
+ place-items: center;
+ }
+
+ .cp-empty__content {
+ max-width: 60ch;
+ text-align: center;
+ }
+
+ .label {
+ font-size: 1.25em;
+ }
+ `,
+ ];
+
+ @property() label: string = '';
+ @property() icon: string = '';
+
+ protected override render(): unknown {
+ return html`
+
+
+
+ Content for section 1.
+
+
+
+ Content for section 2.
+
+
+ Content for section 3.
+
+
+ `;
+ }
+}
+
+if (!customElements.get('craft-empty')) {
+ customElements.define('craft-empty', CraftEmpty);
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'craft-empty': CraftEmpty;
+ }
+}
diff --git a/packages/craftcms-cp/src/components/indicator/indicator.stories.ts b/packages/craftcms-cp/src/components/indicator/indicator.stories.ts
index f33bd29a026..c559ee28224 100644
--- a/packages/craftcms-cp/src/components/indicator/indicator.stories.ts
+++ b/packages/craftcms-cp/src/components/indicator/indicator.stories.ts
@@ -31,8 +31,32 @@ const renderIndicators = (
)}
`;
+type ColorGroup = string;
+type Volume = string;
+
+const SWATCH_COLORS: ColorGroup[] = [
+ 'red',
+ 'orange',
+ 'amber',
+ 'yellow',
+ 'lime',
+ 'green',
+ 'emerald',
+ 'teal',
+ 'cyan',
+ 'sky',
+ 'blue',
+ 'indigo',
+ 'violet',
+ 'purple',
+ 'fuchsia',
+ 'pink',
+ 'rose',
+ 'gray',
+];
+
+const VOLUMES: Volume[] = ['quiet', 'normal', 'loud'];
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
const meta = {
title: 'Components/Indicator',
component: 'craft-indicator',
@@ -55,9 +79,184 @@ const meta = {
export default meta;
type Story = StoryObj
+
+ ${this.icon
+ ? html`
+
+
+
+
+
+ ${this.label}
+
+ ${Object.values(Variant).map(
+ (variant) =>
+ html`
+ `,
+};
+
+/**
+ * The `volume` property controls color intensity. `quiet` renders a subtle tint,
+ * `normal` a mid-tone fill, and `loud` a fully saturated fill with high contrast text.
+ */
+export const VolumeVariants: Story = {
+ name: 'Volume',
+ render: () => html`
+
+ ${VOLUMES.map(
+ (volume) => html`
+
+ `,
+};
+
+/**
+ * Use `variant="swatch"` with the `swatch` attribute to pick any named color from the
+ * design system's colorable palette. The `volume` property controls the intensity.
+ */
+export const SwatchVariant: Story = {
+ name: 'Swatch',
+ render: () => html`
+
+ ${volume}
+ ${Object.values(Variant).map(
+ (variant) => html`
+
+ `
+ )}
+
+
+ `,
+};
+
+/**
+ * Use `variant="custom"` with the `color` attribute to set the indicator to any CSS
+ * `background` value. This accepts hex, rgb, hsl, named colors, and gradients —
+ * useful for user-defined or data-driven colors.
+ */
+export const CustomVariant: Story = {
+ name: 'Custom color',
+ render: () => html`
+
+
+ ${VOLUMES.map(
+ (v) =>
+ html`${v}`
+ )}
+
+ ${SWATCH_COLORS.map(
+ (color) => html`
+
+ ${color}
+ ${VOLUMES.map(
+ (volume) => html`
+
+ `
+ )}
+
+
+ `,
+};
+
+/** Interactive story with Storybook controls for exploring all properties. */
+export const Playground: Story = {
+ name: 'Playground',
+ args: {
+ fill: 'violet',
+ size: 'md',
+ },
};
const arbitraryValues = [
diff --git a/packages/craftcms-cp/src/components/indicator/indicator.ts b/packages/craftcms-cp/src/components/indicator/indicator.ts
index fd2ea9414bd..4952ff06f4e 100644
--- a/packages/craftcms-cp/src/components/indicator/indicator.ts
+++ b/packages/craftcms-cp/src/components/indicator/indicator.ts
@@ -1,4 +1,4 @@
-import {css, html, LitElement} from 'lit';
+import {css, html, LitElement, nothing} from 'lit';
import {property} from 'lit/decorators.js';
import {classMap} from 'lit/directives/class-map.js';
import variantsStyles from '@src/styles/variants.styles';
@@ -85,10 +85,12 @@ export default class CraftIndicator extends LitElement {
}
protected override render(): unknown {
+ // Without a label the indicator is purely decorative, so omit the image role
+ // and name rather than exposing an unnamed `role="img"`.
return html`
+
+
+ + Hex colors +
+
+
+
+
+ + Gradients +
+
+
+ ;
cp?: {
jobInfo?: unknown[];
displayedJobInfo?: unknown;
@@ -126,6 +127,7 @@ interface CraftStatic {
settings?: CpNotificationSettings
) => object;
};
+ defaultIndexCriteria: Record;
systemUid?: string;
canAccessQueueManager?: boolean;
queue?: {
@@ -147,6 +149,10 @@ interface CraftStatic {
CpScreenSlideout: {
new (url: string, settings?: object): SlideoutInstance;
};
+ CustomizeSourcesModal: new (
+ elementIndex: unknown,
+ settings?: object
+ ) => {destroy(): void};
FieldLayoutDesigner: {
new (container: any, settings?: object): FieldLayoutDesignerInstance;
};
diff --git a/resources/js/common/types/index.ts b/resources/js/common/types/index.ts
index 20aafb80b53..284442ef2bc 100644
--- a/resources/js/common/types/index.ts
+++ b/resources/js/common/types/index.ts
@@ -7,6 +7,8 @@ export interface BaseOption {
}
export interface CheckboxOption extends BaseOption {
info?: string;
+ checked?: boolean;
+ disabled?: boolean;
}
export interface SelectOption<
T = Record | null | undefined,
@@ -170,7 +172,6 @@ export type EditableTableCellType =
* @TODO this could probably be a more generic `spacing` constant
*/
export const TableSpacing = {
- Relaxed: 'relaxed',
Compact: 'compact',
Spacious: 'spacious',
} as const;
diff --git a/resources/js/cp.ts b/resources/js/cp.ts
index 2a3abfbd943..8f1dad2aafa 100644
--- a/resources/js/cp.ts
+++ b/resources/js/cp.ts
@@ -13,6 +13,6 @@ import './modules/field-layout-designer';
import './modules/editable-table';
import './modules/generated-fields';
-window.Cp = Cp;
+window.Cp = Cp as unknown as typeof window.Cp;
console.log('window.Cp defined', window.Cp);
diff --git a/resources/js/legacy.ts b/resources/js/legacy.ts
index 5f21ba7c790..29b556c20e7 100644
--- a/resources/js/legacy.ts
+++ b/resources/js/legacy.ts
@@ -14,7 +14,7 @@ import './modules/sortable-checkbox-select/index';
const {default: Cp} = await import('./bootstrap/cp.js');
-window.Cp = Cp;
+window.Cp = Cp as unknown as typeof window.Cp;
/**
* Components - dynamically imported after Craft is initialized
diff --git a/resources/js/modules/admin-table/components/AdminTable.vue b/resources/js/modules/admin-table/components/AdminTable.vue
index 60606ef68e5..1e6a997bae1 100644
--- a/resources/js/modules/admin-table/components/AdminTable.vue
+++ b/resources/js/modules/admin-table/components/AdminTable.vue
@@ -1,15 +1,9 @@
- > = DisplayColumnDef & {
+type LinkColumnDef> = AccessorColumnDef & {
props: (cellContext: CellContext) => Record;
};
-type DateColumnDef> = DisplayColumnDef & {
+type HtmlColumnDef> = AccessorColumnDef & {
+ props: (cellContext: CellContext) => Record;
+};
+
+type DateColumnDef> = AccessorColumnDef & {
format?: string;
};
@@ -24,7 +29,11 @@ export type CraftColumnHelper> =
ColumnHelper & {
handle: (
accessor: AccessorParam,
- config?: Partial>
+ config?: Partial>
+ ) => AccessorColumnDef;
+ html: (
+ accessor: AccessorParam,
+ config?: Partial>
) => AccessorColumnDef;
link: (
accessor: AccessorParam,
@@ -123,6 +132,19 @@ export function createCraftColumnHelper>() {
...config,
} as any);
},
+
+ html(accessor, config = {}) {
+ const {props = () => ({}), ...rest} = config;
+
+ return baseHelper.accessor(accessor, {
+ cell: (cellContext: CellContext) =>
+ h(DynamicHtmlRenderer, {
+ html: cellContext.getValue(),
+ ...props(cellContext),
+ }),
+ ...rest,
+ } as any);
+ },
};
return columnHelper;
diff --git a/resources/js/modules/elements/ElementSources.vue b/resources/js/modules/elements/ElementSources.vue
new file mode 100644
index 00000000000..7d8bbd0608e
--- /dev/null
+++ b/resources/js/modules/elements/ElementSources.vue
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+
+ {{ source.heading }}
+
+
+
+
+
+ {{ source.label }}
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/ElementStatus.vue b/resources/js/modules/elements/ElementStatus.vue
new file mode 100644
index 00000000000..3f412ee273d
--- /dev/null
+++ b/resources/js/modules/elements/ElementStatus.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/ElementCards.vue b/resources/js/modules/elements/components/ElementCards.vue
new file mode 100644
index 00000000000..48a96706c0a
--- /dev/null
+++ b/resources/js/modules/elements/components/ElementCards.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/ElementIndexToolbar.vue b/resources/js/modules/elements/components/ElementIndexToolbar.vue
new file mode 100644
index 00000000000..547b1682bb1
--- /dev/null
+++ b/resources/js/modules/elements/components/ElementIndexToolbar.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/IndexViewSettings.vue b/resources/js/modules/elements/components/IndexViewSettings.vue
new file mode 100644
index 00000000000..82bcf561fad
--- /dev/null
+++ b/resources/js/modules/elements/components/IndexViewSettings.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+ {{ t('View') }}
+
+
+
+
diff --git a/resources/js/modules/elements/components/NewEntryButton.vue b/resources/js/modules/elements/components/NewEntryButton.vue
new file mode 100644
index 00000000000..5b91cd989cf
--- /dev/null
+++ b/resources/js/modules/elements/components/NewEntryButton.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+ {{ t('New {type}', {type: elementDisplayName}) }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('New {type}', {type: elementDisplayName}) }}
+
+
+
+
+
+
+ {{ t('New {type}', {type: elementDisplayName}) }}
+
+
+
+
diff --git a/resources/js/modules/elements/composables/useElementIndexColumns.ts b/resources/js/modules/elements/composables/useElementIndexColumns.ts
new file mode 100644
index 00000000000..3573f359d0e
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexColumns.ts
@@ -0,0 +1,150 @@
+import {computed, type Ref} from 'vue';
+import {createCraftColumnHelper} from '@/modules/admin-table/helpers/createCraftColumnHelper';
+import type {ViewState} from '@/modules/elements/types/view-state';
+import type {SourceItem} from '@/modules/elements/types/sources';
+
+// Element index rows are dynamic attribute maps, so the column helper is typed
+// against an open record (matching the page's `Element` type).
+type Row = Record;
+
+interface ElementIndexColumnsContext {
+ /** Columns available for the current source: `{label, value}` per column. */
+ tableColumns: Array<{label: string; value: string}>;
+ /** The active source; a custom source may carry its own `tableAttributes`. */
+ source?: SourceItem | null;
+ /** Element-type default columns, used when the source defines none. */
+ defaultTableColumns?: Array;
+}
+
+interface PinnedColumn {
+ /** Column key that is always shown first and can't be toggled or reordered. */
+ key: string;
+ label: string;
+}
+
+/**
+ * Derives everything column-shaped for an element index from the available
+ * columns and the persisted view state: the TanStack column definitions, the
+ * table's column order, the toggle/sort options, and a reorder handler.
+ *
+ * Visible columns follow Craft's precedence, resolved per source:
+ * user override (`viewState.columns[sourceKey]`)
+ * → the source's own `tableAttributes` (custom sources)
+ * → the element-type defaults.
+ * A single pinned column (e.g. the element's title) is always rendered first
+ * and excluded from toggling/reordering.
+ */
+export function useElementIndexColumns(
+ props: ElementIndexColumnsContext,
+ viewState: Ref,
+ pinned: PinnedColumn
+) {
+ // Column state is stored per source; fall back to a shared bucket when there
+ // is no resolved source (e.g. the implicit "all elements" view).
+ const sourceKey = computed(() => props.source?.key ?? '*');
+
+ const sourceColumnState = computed(
+ () => viewState.value.sources?.[sourceKey.value]
+ );
+
+ // The source's configured columns (custom sources only).
+ const sourceTableAttributes = computed | undefined>(() =>
+ props.source && 'tableAttributes' in props.source
+ ? props.source.tableAttributes
+ : undefined
+ );
+
+ // Default visible set when the user hasn't customized this source: the
+ // source's own `tableAttributes` win over the element-type defaults.
+ const defaultVisible = computed>(
+ () => sourceTableAttributes.value ?? props.defaultTableColumns ?? []
+ );
+
+ // Effective visible columns: the user's per-source selection if present,
+ // otherwise the source/element-type default.
+ const visibleKeys = computed>(
+ () => sourceColumnState.value?.visible ?? defaultVisible.value
+ );
+
+ // Available columns ordered by the persisted (per-source) order; unknown/new
+ // columns fall to the end in their natural order. Each column is keyed by its
+ // `value` (e.g. `field:{uuid}`), which matches the row data's attribute keys.
+ const orderedColumns = computed>(() => {
+ const order = sourceColumnState.value?.order ?? [];
+ return props.tableColumns
+ .map((column): [string, {label: string}] => [column.value, column])
+ .sort(([a], [b]) => {
+ const ai = order.indexOf(a);
+ const bi = order.indexOf(b);
+ if (ai === -1 && bi === -1) return 0;
+ if (ai === -1) return 1;
+ if (bi === -1) return -1;
+ return ai - bi;
+ });
+ });
+
+ // The selected columns, in display order (drives both the table columns and
+ // the table's column order).
+ const visibleOrderedColumns = computed(() =>
+ orderedColumns.value.filter(([key]) => visibleKeys.value.includes(key))
+ );
+
+ const columnHelper = createCraftColumnHelper();
+
+ const columns = computed(() => [
+ columnHelper.html(pinned.key, {header: pinned.label}),
+ ...visibleOrderedColumns.value.map(([key, value]) =>
+ columnHelper.html(key, {header: value.label})
+ ),
+ ]);
+
+ // The table's column order, kept in sync with `columns` (pinned first).
+ const columnOrder = computed(() => [
+ pinned.key,
+ ...visibleOrderedColumns.value.map(([key]) => key),
+ ]);
+
+ // Options for the toggle/sort controls: the pinned column (always on) first,
+ // then every available column in display order.
+ const columnOptions = computed(() => [
+ {
+ label: pinned.label,
+ value: pinned.key,
+ disabled: true,
+ checked: true,
+ },
+ ...orderedColumns.value.map(([key, value]) => ({
+ label: value.label,
+ value: key,
+ })),
+ ]);
+
+ // Merge a patch into the active source's view state (and persist it).
+ function patchSourceColumnState(patch: {
+ visible?: Array;
+ order?: Array;
+ }) {
+ const sources = {...(viewState.value.sources ?? {})};
+ sources[sourceKey.value] = {...sources[sourceKey.value], ...patch};
+ viewState.value.sources = sources;
+ }
+
+ // Writable model for the toolbar's column toggles: reading yields the
+ // effective visible keys; writing records a per-source override.
+ const tableColumns = computed>({
+ get: () => visibleKeys.value,
+ set: (value) => patchSourceColumnState({visible: value}),
+ });
+
+ function reorder(options: Array<{value: string}>) {
+ // Persist the new column order for this source; the pinned column always
+ // stays first, so it's excluded from the stored order.
+ patchSourceColumnState({
+ order: options
+ .map((option) => option.value)
+ .filter((value) => value !== pinned.key),
+ });
+ }
+
+ return {columns, columnOrder, columnOptions, reorder, tableColumns};
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexFilters.ts b/resources/js/modules/elements/composables/useElementIndexFilters.ts
new file mode 100644
index 00000000000..d7ae1bb3b97
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexFilters.ts
@@ -0,0 +1,49 @@
+import type {Ref} from 'vue';
+import {useForm} from '@inertiajs/vue3';
+import {index} from '@/routes/craft/cp/content/index.js';
+import type {ViewState} from '@/modules/elements/types/view-state';
+import type {SourceItem} from '@/modules/elements/types/sources';
+
+interface ElementIndexFiltersContext {
+ search?: string | null;
+ status: string | null;
+ page: string;
+ sectionHandle?: string | number;
+ source?: SourceItem | null;
+}
+
+/**
+ * The element index's filter form. It owns only the user-entered filters
+ * (search + status); sort and view mode are owned by the view state and sent
+ * alongside the filters at submit time.
+ */
+export function useElementIndexFilters(
+ props: ElementIndexFiltersContext,
+ viewState: Ref
+) {
+ const form = useForm({
+ search: props.search ?? '',
+ status: props.status ?? '',
+ });
+
+ function submit() {
+ // Preserve the active per-source sort across the filter submit; an absent
+ // entry lets the server fall back to the source's `defaultSort`.
+ const sourceKey = props.source?.key ?? '*';
+
+ form
+ .transform((data) => ({
+ ...data,
+ sort: viewState.value.sources?.[sourceKey]?.sort,
+ viewMode: viewState.value.mode,
+ }))
+ .submit(
+ index({
+ page: props.page ?? '',
+ sectionHandle: props.sectionHandle ?? undefined,
+ })
+ );
+ }
+
+ return {form, submit};
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexLoading.ts b/resources/js/modules/elements/composables/useElementIndexLoading.ts
new file mode 100644
index 00000000000..9df10a2ef01
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexLoading.ts
@@ -0,0 +1,48 @@
+import {onMounted, onUnmounted, ref} from 'vue';
+import {router} from '@inertiajs/vue3';
+
+/**
+ * Tracks whether the element index is currently refetching its list.
+ *
+ * Every list refetch — search/status filters, sort, pagination, and source
+ * switches — goes through an Inertia GET visit back to the current index path.
+ * Rather than thread a separate status through each of those composables, we
+ * watch Inertia's global router lifecycle and flip `loading` on for visits
+ * whose target pathname matches the page we're on, and off again when any visit
+ * finishes. The initial page is server-rendered with data, so this only ever
+ * surfaces during in-page refetches.
+ */
+export function useElementIndexLoading() {
+ const loading = ref(false);
+ const offHandlers: Array<() => void> = [];
+
+ onMounted(() => {
+ // The location still points at the index when a refetch starts; the visit's
+ // target pathname matches it for same-page query changes (filters, sort,
+ // pagination, source), but not for navigations away (e.g. opening an editor).
+ const indexPath = window.location.pathname;
+
+ offHandlers.push(
+ router.on('start', (event) => {
+ const {visit} = event.detail;
+ if (visit.method === 'get' && visit.url.pathname === indexPath) {
+ loading.value = true;
+ }
+ })
+ );
+
+ // `finish` fires for every visit (success, error, or cancel), so pairing it
+ // with `start` can't leave the flag stuck on.
+ offHandlers.push(
+ router.on('finish', () => {
+ loading.value = false;
+ })
+ );
+ });
+
+ onUnmounted(() => {
+ offHandlers.forEach((off) => off());
+ });
+
+ return {loading};
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexPagination.ts b/resources/js/modules/elements/composables/useElementIndexPagination.ts
new file mode 100644
index 00000000000..3e0760aeb5b
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexPagination.ts
@@ -0,0 +1,54 @@
+import {watch} from 'vue';
+import {router} from '@inertiajs/vue3';
+import {index} from '@/routes/craft/cp/content/index.js';
+import {useServerPagination} from '@/modules/admin-table/composables/useServerPagination';
+import type {PaginationData} from '@/common/types';
+
+interface ElementIndexPaginationContext {
+ page: string;
+ sectionHandle?: string | number;
+ pagination: PaginationData;
+}
+
+/**
+ * Server-driven pagination for an element index. Page/size changes push a
+ * `data` + `pagination` Inertia visit, and the server-confirmed pagination is
+ * mirrored back into the table state.
+ */
+export function useElementIndexPagination(
+ props: ElementIndexPaginationContext
+) {
+ const {paginationState, paginationConfig} = useServerPagination({
+ initialState: props.pagination,
+ onChange: ({query}) => {
+ router.visit(
+ index(
+ {
+ page: props.page ?? '',
+ sectionHandle: props.sectionHandle ?? undefined,
+ },
+ {query}
+ ),
+ {
+ only: ['data', 'pagination'],
+ preserveState: true,
+ preserveScroll: true,
+ }
+ );
+ },
+ });
+
+ // Keep the table's pagination state in sync with the server-confirmed page
+ // (also covers page resets triggered by sorting or filtering).
+ watch(
+ () => props.pagination,
+ (pagination) => {
+ paginationState.value = {
+ pageIndex: pagination.current_page ? pagination.current_page - 1 : 0,
+ pageSize: pagination.per_page,
+ };
+ }
+ );
+
+ return {paginationState, paginationConfig};
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexSelection.test.ts b/resources/js/modules/elements/composables/useElementIndexSelection.test.ts
new file mode 100644
index 00000000000..15f9f88ec84
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexSelection.test.ts
@@ -0,0 +1,130 @@
+import {describe, expect, it} from 'vitest';
+import {ref, type Ref} from 'vue';
+import {useElementIndexSelection} from './useElementIndexSelection';
+
+// Minimal TanStack-table stand-in: row-selection state lives in a single Vue
+// ref (matching TanStack's `RowSelectionState`, a `Record`),
+// mirroring how the real table's `onRowSelectionChange` writes to a ref that
+// `state.rowSelection` reads back. This lets plain `computed`s genuinely
+// re-track, the same way they do in production.
+function makeSelection(): Ref> {
+ return ref({});
+}
+
+function makeRow(
+ id: number,
+ selection: Ref>,
+ selected = false
+) {
+ const rowId = String(id);
+ if (selected) {
+ selection.value = {...selection.value, [rowId]: true};
+ }
+ return {
+ id: rowId,
+ original: {id},
+ getIsSelected: () => !!selection.value[rowId],
+ toggleSelected: (v?: boolean) => {
+ const next = v ?? !selection.value[rowId];
+ selection.value = {...selection.value, [rowId]: next};
+ },
+ };
+}
+
+function makeTable(rows: ReturnType[]) {
+ return {
+ getRowModel: () => ({rows}),
+ getSelectedRowModel: () => ({rows: rows.filter((r) => r.getIsSelected())}),
+ getIsAllRowsSelected: () => rows.every((r) => r.getIsSelected()),
+ toggleAllRowsSelected: (v: boolean) => {
+ rows.forEach((r) => r.toggleSelected(v));
+ },
+ resetRowSelection: () => rows.forEach((r) => r.toggleSelected(false)),
+ } as any;
+}
+
+const opts = (over = {}) => ({
+ selectable: true,
+ readOnly: false,
+ actions: [],
+ ...over,
+});
+
+describe('useElementIndexSelection', () => {
+ it('toggles a single row and sets the anchor', () => {
+ const selection = makeSelection();
+ const rows = [
+ makeRow(1, selection),
+ makeRow(2, selection),
+ makeRow(3, selection),
+ ];
+ const table = makeTable(rows);
+ const s = useElementIndexSelection(table, opts());
+
+ s.selectRow(rows[1]! as any, {checked: true});
+
+ expect(rows[1]!.getIsSelected()).toBe(true);
+ expect(s.anchorIndex.value).toBe(1);
+ expect(s.selectedIds.value).toEqual([2]);
+ expect(s.hasSelection.value).toBe(true);
+ });
+
+ it('shift-clicking selects the inclusive range from the anchor', () => {
+ const selection = makeSelection();
+ const rows = [
+ makeRow(1, selection),
+ makeRow(2, selection),
+ makeRow(3, selection),
+ makeRow(4, selection),
+ ];
+ const table = makeTable(rows);
+ const s = useElementIndexSelection(table, opts());
+
+ s.selectRow(rows[0]! as any, {checked: true}); // anchor = 0
+ s.selectRow(rows[2]! as any, {checked: true, shiftKey: true});
+
+ expect(rows.map((r) => r.getIsSelected())).toEqual([
+ true,
+ true,
+ true,
+ false,
+ ]);
+ });
+
+ it('ignores a programmatic change where checked already matches (no shift)', () => {
+ const selection = makeSelection();
+ const rows = [makeRow(1, selection, true)];
+ const table = makeTable(rows);
+ const s = useElementIndexSelection(table, opts());
+
+ s.selectRow(rows[0]! as any, {checked: true}); // already selected → no-op, no anchor
+ expect(s.anchorIndex.value).toBe(null);
+ });
+
+ it('does nothing when read-only', () => {
+ const selection = makeSelection();
+ const rows = [makeRow(1, selection)];
+ const table = makeTable(rows);
+ const s = useElementIndexSelection(table, opts({readOnly: true}));
+
+ s.selectRow(rows[0]! as any, {checked: true});
+ s.onToggleAllSelected(true);
+
+ expect(rows[0]!.getIsSelected()).toBe(false);
+ });
+
+ it('computes bulk-action visibility from selectable + actions + selection', () => {
+ const selection = makeSelection();
+ const rows = [makeRow(1, selection)];
+ const table = makeTable(rows);
+ const actions = ref([{label: 'Delete'}]);
+ const s = useElementIndexSelection(table, opts({actions}));
+
+ expect(s.hasBulkActions.value).toBe(true);
+ expect(s.showBulkActions.value).toBe(true);
+ expect(s.bulkActionsActive.value).toBe(false);
+
+ s.selectRow(rows[0]! as any, {checked: true});
+ expect(s.bulkActionsActive.value).toBe(true);
+ });
+});
diff --git a/resources/js/modules/elements/composables/useElementIndexSelection.ts b/resources/js/modules/elements/composables/useElementIndexSelection.ts
new file mode 100644
index 00000000000..b9725531184
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexSelection.ts
@@ -0,0 +1,113 @@
+import {computed, type MaybeRefOrGetter, ref, type Ref, toValue} from 'vue';
+import type {Row, Table} from '@tanstack/vue-table';
+import type {BulkActionItem} from '@/modules/elements/types/actions';
+
+export interface ElementIndexSelectionOptions {
+ selectable: MaybeRefOrGetter;
+ readOnly: MaybeRefOrGetter;
+ actions: MaybeRefOrGetter | null | undefined>;
+}
+
+export function useElementIndexSelection(
+ table: MaybeRefOrGetter>,
+ options: ElementIndexSelectionOptions
+) {
+ // The anchor is the last individually-toggled row; shift-click selects the
+ // inclusive range between it and the clicked row in current row-model order.
+ const anchorIndex: Ref = ref(null);
+
+ const readOnly = computed(() => toValue(options.readOnly));
+
+ const selectedIds = computed>(() => {
+ const t = toValue(table);
+ const selectedRows = t.getSelectedRowModel().rows;
+ return selectedRows.map((row) => row.original.id);
+ });
+ const hasSelection = computed(() => selectedIds.value.length > 0);
+ const hasBulkActions = computed(
+ () => (toValue(options.actions)?.length ?? 0) > 0
+ );
+ const showBulkActions = computed(
+ () => toValue(options.selectable) && hasBulkActions.value
+ );
+ const bulkActionsActive = computed(
+ () => showBulkActions.value && hasSelection.value
+ );
+
+ function clearSelection() {
+ toValue(table).resetRowSelection();
+ }
+
+ // craft-checkbox (Lion) fires `model-value-changed` on programmatic `.checked`
+ // updates too, so only act when the incoming value actually differs.
+ function onToggleAllSelected(checked: boolean) {
+ if (readOnly.value) return;
+ const t = toValue(table);
+ if (checked !== t.getIsAllRowsSelected()) {
+ t.toggleAllRowsSelected(checked);
+ }
+ }
+
+ function rowIndex(row: Row): number {
+ return toValue(table)
+ .getRowModel()
+ .rows.findIndex((r) => r.id === row.id);
+ }
+
+ function selectRow(
+ row: Row,
+ {checked, shiftKey = false}: {checked: boolean; shiftKey?: boolean}
+ ) {
+ if (readOnly.value) return;
+ const rows = toValue(table).getRowModel().rows;
+ const index = rowIndex(row);
+
+ if (shiftKey && anchorIndex.value !== null) {
+ const [start, end] =
+ anchorIndex.value <= index
+ ? [anchorIndex.value, index]
+ : [index, anchorIndex.value];
+ for (let i = start; i <= end; i++) {
+ rows[i]!.toggleSelected(checked);
+ }
+ return; // anchor is preserved across a range select
+ }
+
+ // Guard the programmatic re-fire: nothing to do if state already matches.
+ if (checked === row.getIsSelected()) return;
+ row.toggleSelected(checked);
+ anchorIndex.value = index;
+ }
+
+ function toggleRow(row: Row) {
+ if (readOnly.value) return;
+ row.toggleSelected();
+ anchorIndex.value = rowIndex(row);
+ }
+
+ function extendSelectionTo(row: Row) {
+ if (readOnly.value) return;
+ const rows = toValue(table).getRowModel().rows;
+ const index = rowIndex(row);
+ const from = anchorIndex.value ?? index;
+ const [start, end] = from <= index ? [from, index] : [index, from];
+ for (let i = start; i <= end; i++) {
+ rows[i]!.toggleSelected(true);
+ }
+ }
+
+ return {
+ selectedIds,
+ hasSelection,
+ hasBulkActions,
+ showBulkActions,
+ bulkActionsActive,
+ readOnly,
+ anchorIndex,
+ clearSelection,
+ onToggleAllSelected,
+ selectRow,
+ toggleRow,
+ extendSelectionTo,
+ };
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexSort.ts b/resources/js/modules/elements/composables/useElementIndexSort.ts
new file mode 100644
index 00000000000..46a7e5fbf1e
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexSort.ts
@@ -0,0 +1,164 @@
+import {computed, onMounted, type Ref, watch} from 'vue';
+import {router} from '@inertiajs/vue3';
+import {index} from '@/routes/craft/cp/content/index.js';
+import {useServerSort} from '@/modules/admin-table/composables/useServerSort';
+import type {SortItem} from '@/common/types';
+import type {ViewState} from '@/modules/elements/types/view-state';
+import type {SourceItem} from '@/modules/elements/types/sources';
+
+interface ElementIndexSortContext {
+ page: string;
+ sectionHandle?: string | number;
+ sort: Array;
+ source?: SourceItem | null;
+}
+
+interface UseElementIndexSortOptions {
+ /** Called with the server-confirmed sort, e.g. to keep a filter form in sync. */
+ onSortChange?: (sort: Array) => void;
+}
+
+/**
+ * The index supports a single sort, stored as an array (so multi-column sort
+ * can be enabled later). Keep only valid items (those with a field) and clamp
+ * to the first — this also self-heals any extra/garbage entries that may have
+ * accumulated in persisted state.
+ */
+function normalizeSort(
+ items: Array | Record | undefined
+): Array {
+ // `sort` round-trips through query params as an index-keyed object
+ // (`{0: {...}}`), so persisted/rehydrated state can come back as an object
+ // rather than an array. Coerce to an array before filtering.
+ const list = Array.isArray(items) ? items : items ? Object.values(items) : [];
+ return list.filter((item) => !!item?.field).slice(0, 1);
+}
+
+function sortItemsToQuery(items: Array) {
+ return items.reduce>(
+ (acc, item, index) => {
+ acc[index] = {field: item.field, direction: item.direction};
+ return acc;
+ },
+ {}
+ );
+}
+
+/**
+ * Server-driven sorting for an element index. The URL is the source of truth:
+ * column-header and popover changes push a sort-only Inertia visit, the
+ * server-confirmed sort is mirrored back into the table state and local
+ * storage, and a persisted sort is restored into the URL on load.
+ */
+export function useElementIndexSort(
+ props: ElementIndexSortContext,
+ viewState: Ref,
+ options: UseElementIndexSortOptions = {}
+) {
+ const routeArgs = () => ({
+ page: props.page ?? '',
+ sectionHandle: props.sectionHandle ?? undefined,
+ });
+
+ // The user's sort is persisted per source, so each source falls back to its
+ // own `defaultSort` (resolved server-side) until the user sorts it.
+ const sourceKey = () => props.source?.key ?? '*';
+
+ const persistedSort = () => viewState.value.sources?.[sourceKey()]?.sort;
+
+ function setPersistedSort(sort: Array): void {
+ const sources = {...(viewState.value.sources ?? {})};
+ sources[sourceKey()] = {...sources[sourceKey()], sort};
+ viewState.value.sources = sources;
+ }
+
+ const {sortingState, sortingConfig, onSortingChange} = useServerSort({
+ initialState: normalizeSort(props.sort ?? persistedSort()),
+ onChange: ({query}) => {
+ router.visit(index(routeArgs(), {query}), {
+ only: ['data', 'sort', 'pagination'],
+ preserveState: true,
+ preserveScroll: true,
+ });
+ },
+ });
+
+ // Whenever the server confirms a sort, mirror it into the table state, local
+ // storage, and (via callback) anything else that needs it.
+ watch(
+ () => props.sort,
+ (sort) => {
+ const next = normalizeSort(sort);
+ sortingState.value = next.map((item) => ({
+ id: item.field,
+ desc: item.direction === 'desc',
+ }));
+ setPersistedSort(next);
+ options.onSortChange?.(next);
+ }
+ );
+
+ // On load, if the URL doesn't specify a sort but we have one persisted from a
+ // previous visit, restore it into the URL (without adding a history entry).
+ onMounted(() => {
+ const params = new URLSearchParams(window.location.search);
+ const persisted = normalizeSort(persistedSort());
+
+ // The sort is serialized as `sort[0][field]`, `sort[0][direction]`, … so we
+ // can't look for a literal `sort` key — check for any bracketed sort param.
+ const hasSortInUrl = [...params.keys()].some(
+ (key) => key === 'sort' || key.startsWith('sort[')
+ );
+
+ if (hasSortInUrl || !persisted.length) {
+ return;
+ }
+
+ if (
+ JSON.stringify(persisted) === JSON.stringify(normalizeSort(props.sort))
+ ) {
+ return;
+ }
+
+ router.visit(
+ index(routeArgs(), {
+ query: {
+ ...Object.fromEntries(params),
+ sort: sortItemsToQuery(persisted),
+ },
+ }),
+ {
+ only: ['data', 'sort', 'pagination'],
+ preserveState: true,
+ preserveScroll: true,
+ replace: true,
+ }
+ );
+ });
+
+ // Two-way bindings for the single-column sort controls in the "View" popover.
+ // They read from and write through the same sorting state as the column
+ // headers, so the popover, the headers, the URL, and local storage stay in
+ // sync.
+ const sortField = computed({
+ get: () => sortingState.value[0]?.id ?? 'title',
+ set: (field) =>
+ onSortingChange([
+ {id: field, desc: sortingState.value[0]?.desc ?? false},
+ ]),
+ });
+
+ const sortDirection = computed<'asc' | 'desc'>({
+ get: () => (sortingState.value[0]?.desc ? 'desc' : 'asc'),
+ set: (direction) =>
+ onSortingChange([{id: sortField.value, desc: direction === 'desc'}]),
+ });
+
+ return {
+ sortingState,
+ sortingConfig,
+ onSortingChange,
+ sortField,
+ sortDirection,
+ };
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexViewMode.ts b/resources/js/modules/elements/composables/useElementIndexViewMode.ts
new file mode 100644
index 00000000000..cc0dc0335c3
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexViewMode.ts
@@ -0,0 +1,81 @@
+import {computed, onMounted, type Ref} from 'vue';
+import {router} from '@inertiajs/vue3';
+import {index} from '@/routes/craft/cp/content/index.js';
+import type {ViewMode, ViewState} from '@/modules/elements/types/view-state';
+
+interface ElementIndexViewModeContext {
+ page: string;
+ sectionHandle?: string | number;
+}
+
+/**
+ * Server-driven view mode. Switching modes updates the local view state
+ * immediately (so the toolbar + view react without waiting on the network),
+ * then pushes a `viewMode` Inertia visit that reflects the change in the URL
+ * and refreshes the server-rendered elements. `preserveState` keeps the
+ * optimistic local state in place while the server responds.
+ */
+export function useElementIndexViewMode(
+ props: ElementIndexViewModeContext,
+ viewState: Ref
+) {
+ const mode = computed({
+ get: () => viewState.value.mode,
+ set: (value) => {
+ if (value === viewState.value.mode) {
+ return;
+ }
+
+ // Update locally first so the view + active button switch immediately.
+ viewState.value.mode = value;
+
+ // Reflect the change in the URL and refresh the server-rendered bits.
+ const params = new URLSearchParams(window.location.search);
+ router.visit(
+ index(
+ {
+ page: props.page ?? '',
+ sectionHandle: props.sectionHandle ?? undefined,
+ },
+ {query: {...Object.fromEntries(params), viewMode: value}}
+ ),
+ {
+ only: ['data', 'pagination'],
+ preserveState: true,
+ preserveScroll: true,
+ }
+ );
+ },
+ });
+
+ // On a fresh full-page load the server renders for the default `table` mode
+ // (it has no access to the persisted view state), so if local storage restored
+ // a non-table mode, re-request the server-rendered elements for it — mirroring
+ // how `useElementIndexSort` restores a persisted sort into the URL on load.
+ onMounted(() => {
+ const params = new URLSearchParams(window.location.search);
+ const persisted = viewState.value.mode;
+
+ if (params.has('viewMode') || persisted === 'table') {
+ return;
+ }
+
+ router.visit(
+ index(
+ {
+ page: props.page ?? '',
+ sectionHandle: props.sectionHandle ?? undefined,
+ },
+ {query: {...Object.fromEntries(params), viewMode: persisted}}
+ ),
+ {
+ only: ['data', 'pagination', 'contentHtml'],
+ preserveState: true,
+ preserveScroll: true,
+ replace: true,
+ }
+ );
+ });
+
+ return {mode};
+}
diff --git a/resources/js/modules/elements/composables/useElementIndexViewState.ts b/resources/js/modules/elements/composables/useElementIndexViewState.ts
new file mode 100644
index 00000000000..ae7daa98e4e
--- /dev/null
+++ b/resources/js/modules/elements/composables/useElementIndexViewState.ts
@@ -0,0 +1,33 @@
+import {useLocalStorage} from '@/common/composables/useStorage';
+import type {ViewState} from '@/modules/elements/types/view-state';
+
+interface ElementIndexViewStateContext {
+ elementType: string;
+ context: string;
+ viewState: Partial;
+}
+
+/**
+ * The element index's persisted view configuration (view mode + per-source
+ * column/sort overrides). Seeded from the server-provided view state and kept
+ * in local storage, keyed per element type + context.
+ *
+ * Column visibility and sort are resolved per-source by their respective
+ * composables (source `tableAttributes` / `defaultSort` → element-type
+ * defaults), so only the user's explicit overrides live in `sources`.
+ */
+export function useElementIndexViewState(props: ElementIndexViewStateContext) {
+ const initialViewState: ViewState = {
+ inlineEditing: false,
+ mode: 'table',
+ nestedInputNamespace: null,
+ showHeaderColumn: true,
+ static: false,
+ ...props.viewState,
+ };
+
+ return useLocalStorage(
+ `elementindex.${props.elementType}.${props.context}`,
+ initialViewState
+ );
+}
diff --git a/resources/js/modules/elements/types/actions.ts b/resources/js/modules/elements/types/actions.ts
new file mode 100644
index 00000000000..e4824a57ed5
--- /dev/null
+++ b/resources/js/modules/elements/types/actions.ts
@@ -0,0 +1,33 @@
+/**
+ * A bulk element action, serialized by `ElementActions::serializeActionItems()`
+ * on the server as a primitive "action item" descriptor. These are rendered
+ * through the shared `craft-action-item` component (via `ActionMenu`), so the
+ * request, confirm dialog, spinner, and feedback are all handled by the
+ * built-in `runAction()` primitives rather than bespoke code.
+ *
+ * The `action.body` carries the action class + its server-baked settings; the
+ * client merges in the live selection (`elementIds`) and index context
+ * (`elementType`, `source`, `context`) before performing.
+ */
+export interface BulkActionItem {
+ /** The action's class string — a stable id for singling out specific actions. */
+ key: string;
+ /** The action's trigger/button label. */
+ label: string;
+ /** Whether the action is destructive (delete-like); drives danger styling. */
+ destructive?: boolean;
+ /** Color variant (e.g. `'danger'`). */
+ variant?: string;
+ /** Disabled actions (e.g. interactive ones not yet ported to Vue). */
+ disabled?: boolean;
+ /** `false` if only performable on a single selected element (mirrors the legacy `bulk: false` trigger setting). Omitted when bulk-capable. */
+ bulk?: boolean;
+ /** The primitive action descriptor. Absent for disabled/placeholder items. */
+ action?: {
+ type: 'http' | 'download' | 'clipboard' | 'event';
+ method?: 'GET' | 'POST' | 'PATCH' | 'DELETE';
+ url?: string;
+ body?: Record;
+ confirm?: string;
+ };
+}
diff --git a/resources/js/modules/elements/types/sources.ts b/resources/js/modules/elements/types/sources.ts
new file mode 100644
index 00000000000..18328fa3a3b
--- /dev/null
+++ b/resources/js/modules/elements/types/sources.ts
@@ -0,0 +1,38 @@
+export type Criteria = Record;
+
+interface BaseSource {
+ key: string;
+ label: string;
+ criteria?: Criteria;
+ defaultSort?: string[];
+ sites?: number[];
+ data?: Record;
+ /** Set when the source is a structure; gates the structure view mode. */
+ structureId?: number | null;
+}
+
+interface SourceNative extends BaseSource {
+ type: 'native';
+}
+
+interface SourceCustom extends BaseSource {
+ type: 'custom';
+ tableAttributes?: Array;
+ condition?: {
+ class: string;
+ elementType: string;
+ fieldContext: string;
+ } | null;
+}
+
+/** A selectable source (i.e. anything that isn't a heading). */
+export type SourceItem = SourceNative | SourceCustom;
+
+export interface SourceHeading {
+ type: 'heading';
+ heading: string;
+ /** Sources that fall under this heading once the list is normalized. */
+ children: SourceItem[];
+}
+
+export type Source = SourceItem | SourceHeading;
diff --git a/resources/js/modules/elements/types/view-state.ts b/resources/js/modules/elements/types/view-state.ts
new file mode 100644
index 00000000000..eca24219d7c
--- /dev/null
+++ b/resources/js/modules/elements/types/view-state.ts
@@ -0,0 +1,45 @@
+import type {SortItem} from '@/common/types';
+
+export type ViewMode = {
+ mode: 'table' | 'cards' | 'structure';
+ title: string;
+ icon: string;
+ structuresOnly?: boolean;
+ availableOnMobile?: boolean;
+};
+
+/** A source's persisted view overrides (columns + sort). */
+export type SourceViewState = {
+ /** Columns the user has explicitly chosen to show, in selection order. */
+ visible?: Array;
+ /** The user's column ordering for this source. */
+ order?: Array;
+ /**
+ * The user's explicit sort for this source. Absent entries fall back to the
+ * source's `defaultSort` (resolved server-side).
+ */
+ sort?: Array;
+};
+
+/**
+ * @TODO should inlineEditing and static be a "mode"?
+ */
+export type ViewState = {
+ inlineEditing: boolean;
+ mode: ViewMode['mode'];
+ /**
+ * Per-source view overrides (columns + sort), keyed by source key. Absent
+ * entries fall back to the source's own config (`tableAttributes` /
+ * `defaultSort`) or the element-type defaults.
+ */
+ sources?: Record;
+ nestedInputNamespace?: string | null;
+ showHeaderColumn: boolean;
+ static: boolean;
+};
+
+export type SortOption = {
+ label: string;
+ attr: string;
+ defaultDir: 'asc' | 'desc';
+};
diff --git a/resources/js/modules/link-field/craft-link-field.ts b/resources/js/modules/link-field/craft-link-field.ts
index 1bd9a22f6b7..4a20d342691 100644
--- a/resources/js/modules/link-field/craft-link-field.ts
+++ b/resources/js/modules/link-field/craft-link-field.ts
@@ -149,7 +149,7 @@ class CraftLinkField extends LitElement {
event.currentTarget instanceof HTMLElement ? event.currentTarget : null
);
- const modal = window.Craft.createElementSelectorModal(type.elementType, {
+ const modal = Craft.createElementSelectorModal(type.elementType, {
...config,
closeOtherModals: false,
hideOnSelect: true,
@@ -525,10 +525,15 @@ class CraftLinkField extends LitElement {
${this.renderAdvancedFields()}
diff --git a/resources/js/modules/markdown-field/behaviors/assets.ts b/resources/js/modules/markdown-field/behaviors/assets.ts
index 5b4dcdd08ab..fe9b77f8e8b 100644
--- a/resources/js/modules/markdown-field/behaviors/assets.ts
+++ b/resources/js/modules/markdown-field/behaviors/assets.ts
@@ -33,7 +33,7 @@ export function createAssetController(
function open(): void {
if (!assetSelectorModal) {
- assetSelectorModal = window.Craft.createElementSelectorModal(
+ assetSelectorModal = Craft.createElementSelectorModal(
ASSET_ELEMENT_TYPE,
{
closeOtherModals: false,
diff --git a/resources/js/modules/markdown-field/behaviors/link-popover.ts b/resources/js/modules/markdown-field/behaviors/link-popover.ts
index 4fd5d1cf84b..65aa76ed4f7 100644
--- a/resources/js/modules/markdown-field/behaviors/link-popover.ts
+++ b/resources/js/modules/markdown-field/behaviors/link-popover.ts
@@ -47,6 +47,10 @@ export function createLinkPopoverController(
selectionStart = editor.textarea.selectionStart;
selectionEnd = editor.textarea.selectionEnd;
+ const content = document.createElement('div');
+ content.slot = 'content';
+ content.classList.add('p-2');
+
const linkField = document.createElement(
'craft-link-field'
) as HTMLElement & {
@@ -57,21 +61,22 @@ export function createLinkPopoverController(
linkField.advancedFields = options.advancedFields;
linkField.showLabelField = options.showLabelField;
linkField.types = options.types;
+ content.appendChild(linkField);
trigger = triggerElement(event);
const triggerId = anchorId(trigger);
popover = document.createElement('craft-popover');
popover.className = 'markdown-link-popover';
- popover.distance = 6;
- popover.for = triggerId;
popover.id = popoverId(triggerId);
- // `for` resolves after the first update; set the anchor directly so
- // programmatic show() has a target during the first render.
- popover.anchor = trigger;
popover.placement = 'bottom-start';
- popover.withoutArrow = true;
- popover.appendChild(linkField);
+ // Lion positions the overlay against its slotted `invoker` by default, but
+ // the link button lives outside the popover. Easy enough, we just need to supply
+ // it as the overlay's `referenceNode` so Popper anchors to it without the
+ // button needing to be a slotted child.
+ popover.config = {referenceNode: trigger};
+ // Lion's content lives in the `content` slot (rendered inside the pane).
+ popover.appendChild(content);
document.body.appendChild(popover);
linkField.addEventListener('apply', handleApply as EventListener);
@@ -81,7 +86,7 @@ export function createLinkPopoverController(
suspend as EventListener
);
linkField.addEventListener('element-select-end', resume);
- popover.addEventListener('wa-after-hide', handlePopoverAfterHide);
+ popover.addEventListener('opened-changed', handlePopoverAfterHide);
setDisclosureState(trigger, false);
void showPopover(popover);
@@ -152,7 +157,7 @@ export function createLinkPopoverController(
suspended = true;
resumeFocusTarget = event.detail.restoreFocusTo ?? null;
setDisclosureState(trigger, false);
- event.detail.waitUntil(popover.hide() ?? Promise.resolve());
+ event.detail.waitUntil(popover.close());
}
function resume(): void {
@@ -172,6 +177,11 @@ export function createLinkPopoverController(
return;
}
+ // `opened-changed` fires on both open and close; only react to closes.
+ if ((event as CustomEvent<{opened: boolean}>).detail?.opened) {
+ return;
+ }
+
if (suspended) {
return;
}
@@ -213,7 +223,7 @@ export function createLinkPopoverController(
return;
}
- await target.show();
+ await target.open();
setDisclosureState(trigger, true);
if (focusTarget?.isConnected) {
@@ -237,7 +247,7 @@ export function createLinkPopoverController(
}
currentPopover?.removeEventListener(
- 'wa-after-hide',
+ 'opened-changed',
handlePopoverAfterHide
);
currentPopover?.remove();
diff --git a/resources/js/modules/navigation/components/cp-queue-indicator.ts b/resources/js/modules/navigation/components/cp-queue-indicator.ts
index 7e55b377876..7c6ec506386 100644
--- a/resources/js/modules/navigation/components/cp-queue-indicator.ts
+++ b/resources/js/modules/navigation/components/cp-queue-indicator.ts
@@ -109,7 +109,7 @@ class CpQueueIndicator extends LitElement {
return null;
}
- return window.Craft.getCpUrl('utilities/queue-manager');
+ return Craft.getCpUrl('utilities/queue-manager');
}
protected override render() {
diff --git a/resources/js/modules/sections/components/PreviewTargetsTable.vue b/resources/js/modules/sections/components/PreviewTargetsTable.vue
index e74ffc20dc6..805deaa9ce6 100644
--- a/resources/js/modules/sections/components/PreviewTargetsTable.vue
+++ b/resources/js/modules/sections/components/PreviewTargetsTable.vue
@@ -3,7 +3,6 @@
import {h} from 'vue';
import Pane from '@/common/components/Pane.vue';
import AdminTable from '@/modules/admin-table/components/AdminTable.vue';
- import {TableSpacing} from '@/common/types';
import DeleteButton from '@/modules/admin-table/components/DeleteButton.vue';
import {useEditableTable} from '@/modules/admin-table/composables/useEditableTable';
@@ -80,11 +79,7 @@
-
-
diff --git a/resources/js/modules/utilities/components/deprecation-errors/DeprecationErrors.vue b/resources/js/modules/utilities/components/deprecation-errors/DeprecationErrors.vue
index 7a27ba05d6e..f6c645fe8ab 100644
--- a/resources/js/modules/utilities/components/deprecation-errors/DeprecationErrors.vue
+++ b/resources/js/modules/utilities/components/deprecation-errors/DeprecationErrors.vue
@@ -65,7 +65,6 @@
+ import {t} from '@craftcms/cp';
+ import IndexLayout from '@/common/layouts/IndexLayout.vue';
+ import ElementSources from '@/modules/elements/ElementSources.vue';
+ import type {Source, SourceItem} from '@/modules/elements/types/sources';
+ import BaseElementIndex from '@/modules/elements/components/BaseElementIndex.vue';
+ import DataTable from '@/modules/elements/components/DataTable.vue';
+ import ElementCards from '@/modules/elements/components/ElementCards.vue';
+ import ElementIndexToolbar from '@/modules/elements/components/ElementIndexToolbar.vue';
+ import ActionMenu from '@/common/components/ActionMenu.vue';
+ import {
+ getCoreRowModel,
+ type RowSelectionState,
+ useVueTable,
+ } from '@tanstack/vue-table';
+ import {computed, ref} from 'vue';
+ import {
+ type PaginationData,
+ type SortItem,
+ TableSpacing,
+ } from '@/common/types';
+ import NewEntryButton, {
+ type PublishableSection,
+ } from '@/modules/elements/components/NewEntryButton.vue';
+ import {useElementIndexViewState} from '@/modules/elements/composables/useElementIndexViewState';
+ import {useElementIndexFilters} from '@/modules/elements/composables/useElementIndexFilters';
+ import {useElementIndexColumns} from '@/modules/elements/composables/useElementIndexColumns';
+ import {useElementIndexSort} from '@/modules/elements/composables/useElementIndexSort';
+ import {useElementIndexPagination} from '@/modules/elements/composables/useElementIndexPagination';
+ import {useElementIndexViewMode} from '@/modules/elements/composables/useElementIndexViewMode';
+ import {useElementIndexLoading} from '@/modules/elements/composables/useElementIndexLoading';
+ import type {
+ SortOption,
+ ViewMode,
+ ViewState,
+ } from '@/modules/elements/types/view-state';
+ import type {BulkActionItem} from '@/modules/elements/types/actions';
+ import {router} from '@inertiajs/vue3';
+
+ type Element = Record;
+
+ const props = withDefaults(
+ defineProps<{
+ elementType: string;
+ elementDisplayName: string;
+ elementPluralDisplayName: string;
+ context?: string;
+ canHaveDrafts?: boolean;
+ criteria?: Record;
+ page: string;
+ sources: Array;
+ source?: SourceItem;
+ contentHtml?: string;
+ search?: string | null;
+ status: string | null;
+ viewMode?: string | null;
+ statusOptions?: Array<{label: string; value: string}>;
+ sectionHandle?: string | number;
+ viewState: Partial;
+ data?: Array;
+ tableColumns: Array<{label: string; value: string}>;
+ defaultTableColumns?: Array;
+ viewModes?: Array;
+ baseSortOptions: Array;
+ pagination: PaginationData;
+ sort: Array;
+ // The serialized bulk actions available for the active source (null when
+ // the source/context offers none).
+ actions?: Array | null;
+ publishableSections: Array;
+ }>(),
+ {
+ context: 'index',
+ canHaveDrafts: false,
+ data: () => [],
+ criteria: () => Craft.defaultIndexCriteria,
+ }
+ );
+
+ const viewState = useElementIndexViewState(props);
+ const filters = useElementIndexFilters(props, viewState);
+ const {columns, columnOrder, columnOptions, reorder, tableColumns} =
+ useElementIndexColumns(props, viewState, {key: 'title', label: t('Entry')});
+ const {sortingState, sortingConfig, sortField, sortDirection} =
+ useElementIndexSort(props, viewState);
+ const {paginationState, paginationConfig} = useElementIndexPagination(props);
+ const {mode} = useElementIndexViewMode(props, viewState);
+ const {loading} = useElementIndexLoading();
+
+ // The structure view mode only applies to structure sources, so hide it
+ // (and any other `structuresOnly` mode) unless the active source is one.
+ const visibleViewModes = computed(() =>
+ (props.viewModes ?? []).filter(
+ (viewMode) =>
+ !viewMode.structuresOnly || props.source?.structureId != null
+ )
+ );
+
+ const visibleColumns = ref({});
+
+ // Selection is keyed by element id (see `getRowId`), so it survives sorting
+ // and pagination. Read the current selection from `rowSelection` (a map of
+ // element id → selected) or via `elementTable.getSelectedRowModel()`.
+ const rowSelection = ref({});
+
+ // After a bulk action succeeds, refresh the server-rendered list + counts the
+ // same way the view-mode/filter composables do (a partial Inertia reload that
+ // only re-pulls the index props), then clear any lingering selection. The
+ // table also clears its own selection optimistically when the action fires.
+ function onActionPerformed() {
+ rowSelection.value = {};
+ router.reload({
+ only: ['data', 'pagination', 'badgeCounts'],
+ });
+ }
+
+ function createCustomizeSourcesModal() {
+ // The modal was written for the legacy BaseElementIndex instance, but it
+ // only reads a few things off it: the element type (to load/save settings),
+ // the current `settings.page`, and the current/root source key (to preselect
+ // a row). Its save flow reloads the page, so `asyncSelectSourceByKey` /
+ // `$visibleSources` only need to be safe no-ops here.
+ const elementIndexShim = {
+ elementType: props.elementType,
+ settings: {page: props.page},
+ sourceKey: props.source?.key ?? null,
+ rootSourceKey: props.source?.key ?? null,
+ $visibleSources: {first: () => ({data: () => null})},
+ asyncSelectSourceByKey: () => Promise.resolve(),
+ };
+
+ // Recreate it each time, mirroring the legacy implementation.
+ const modal = new Craft.CustomizeSourcesModal(elementIndexShim, {
+ hideOnEsc: false,
+ hideOnShadeClick: false,
+ onFadeOut: function () {
+ modal.destroy();
+ },
+ });
+
+ return modal;
+ }
+
+ const elementTable = useVueTable({
+ get data() {
+ return props.data ?? [];
+ },
+ get columns() {
+ return columns.value;
+ },
+ state: {
+ get columnOrder() {
+ return columnOrder.value;
+ },
+ get columnVisibility() {
+ return visibleColumns.value;
+ },
+ get sorting() {
+ return sortingState.value;
+ },
+ get pagination() {
+ return paginationState.value;
+ },
+ get rowSelection() {
+ return rowSelection.value;
+ },
+ },
+ getRowId: (row) => String(row.id),
+ enableRowSelection: true,
+ onRowSelectionChange: (updater) => {
+ rowSelection.value =
+ typeof updater === 'function' ? updater(rowSelection.value) : updater;
+ },
+ getCoreRowModel: getCoreRowModel(),
+ ...sortingConfig,
+ ...paginationConfig,
+ enableMultiSort: false,
+ });
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/pages/settings/entry-types/Index.vue b/resources/js/pages/settings/entry-types/Index.vue
index 4a2fef11400..25b3f662ce1 100644
--- a/resources/js/pages/settings/entry-types/Index.vue
+++ b/resources/js/pages/settings/entry-types/Index.vue
@@ -2,11 +2,7 @@
import {t} from '@craftcms/cp';
import AdminTable from '@/modules/admin-table/components/AdminTable.vue';
import {getCoreRowModel, useVueTable} from '@tanstack/vue-table';
- import {
- type PaginationData,
- type SortItem,
- TableSpacing,
- } from '@/common/types';
+ import {type PaginationData, type SortItem} from '@/common/types';
import {computed, h, ref} from 'vue';
import DynamicHtmlRenderer from '@/common/components/DynamicHtmlRenderer.vue';
import {router} from '@inertiajs/vue3';
@@ -160,7 +156,6 @@
diff --git a/resources/legacy/cp/dist/cp.js b/resources/legacy/cp/dist/cp.js
new file mode 100644
index 00000000000..d99e1929ce0
--- /dev/null
+++ b/resources/legacy/cp/dist/cp.js
@@ -0,0 +1,2 @@
+(function(){var __webpack_modules__={82:function(t,e,i){var s=i(225),n=i(1305),a=i(8543);function r(t){return this instanceof r?(this.nodes=s(t),this):new r(t)}r.prototype.toString=function(){return Array.isArray(this.nodes)?a(this.nodes):""},r.prototype.walk=function(t,e){return n(this.nodes,t,e),this},r.unit=i(4746),r.walk=n,r.stringify=a,t.exports=r},225:function(t){var e="(".charCodeAt(0),i=")".charCodeAt(0),s="'".charCodeAt(0),n='"'.charCodeAt(0),a="\\".charCodeAt(0),r="/".charCodeAt(0),o=",".charCodeAt(0),l=":".charCodeAt(0),h="*".charCodeAt(0),d="u".charCodeAt(0),c="U".charCodeAt(0),u="+".charCodeAt(0),p=/^[a-f0-9?-]+$/i;t.exports=function(t){for(var f,g,m,b,$,C,v,_,y,w=[],S=t,I=0,T=S.charCodeAt(I),x=S.length,M=[{nodes:w}],E=0,k="",A="",P="";I",{class:"modal elementselectormodal","aria-labelledby":i}).appendTo(Garnish.$bod),n=$("",{class:this.settings.showTitle?"header":"visually-hidden"}).appendTo(s);$("",{id:i,text:this.settings.modalTitle}).appendTo(n);const a=$("",{class:"body"}).append($("",{class:"spinner big"})).appendTo(s);this.$footer=$("",{class:"footer"}).appendTo(s),this.settings.fullscreen&&(s.addClass("fullscreen"),this.settings.minGutter=0),this.base(s,this.settings),this.$secondaryButtons=$('').appendTo(this.$footer),this.$primaryButtons=$('').appendTo(this.$footer),this.$cancelBtn=$("",{type:"button",class:"btn",text:Craft.t("app","Cancel")}).appendTo(this.$primaryButtons),this.$selectBtn=Craft.ui.createSubmitButton({class:"disabled",label:this.settings.selectBtnLabel,spinner:!0}).attr("aria-disabled","true").appendTo(this.$primaryButtons),this.$body=a,this.addListener(this.$cancelBtn,"activate","cancel"),this.addListener(this.$selectBtn,"activate","selectElements")},updateModalBottomPadding:function(){const t=this.$footer.outerHeight();t!==parseInt(this.$container.css("padding-bottom"))&&this.$container.css("padding-bottom",t)},updateSidebarView:function(){this.supportSidebarToggleView&&(this.sidebarShouldBeHidden()?this.$sidebarToggleBtn||this.buildSidebarToggleView():this.$sidebarToggleBtn&&this.resetView())},sidebarShouldBeHidden:function(){return this.$container.outerWidth()<550},resetView:function(){this.$mainHeader&&this.$mainHeader.remove(),this.$sidebarHeader&&this.$sidebarHeader.remove(),this.$sidebarToggleBtn=null,this.$body.addClass("has-sidebar"),this.$content.addClass("has-sidebar"),this.$sidebar.removeClass("hidden")},buildSidebarToggleView:function(){!this.$sidebarToggleBtn&&this.sidebarShouldBeHidden()&&(this.$sidebarHeader=$('').prependTo(this.$sidebar),this.$sidebarCloseBtn=Craft.ui.createButton({class:"nav-close close-btn"}).attr("aria-label",Craft.t("app","Close")).removeClass("btn").appendTo(this.$sidebarHeader),this.$mainHeader=$('').prependTo(this.$main),this.$mainHeading=$(`{this.$body.html(t.data.html),this.$body.has(".sidebar:not(.hidden)").length&&(this.$body.addClass("has-sidebar"),this.supportSidebarToggleView=!0),this.elementIndex=Craft.createElementIndex(this.elementType,this.$body.children(".element-index"),this.getIndexSettings()),this.$main=this.elementIndex.$main,this.$sidebar=this.elementIndex.$sidebar,this.$content=this.$body.find(".content"),this.updateSidebarView(),this.updateModalBottomPadding(),this.addListener(this.elementIndex.$elements,"doubletap",function(t,e){e.firstTap.target===e.secondTap.target&&this.selectElements()}),this.on("updateSizeAndPosition",()=>{this.elementIndex.handleResize()}),this.updateSelectBtnState()})},getIndexSettings:function(){return Object.assign({context:"modal",modal:this,storageKey:this.settings.storageKey,condition:this.settings.condition,referenceElementId:this.settings.referenceElementId,referenceElementOwnerId:this.settings.referenceElementOwnerId,referenceElementSiteId:this.settings.referenceElementSiteId,criteria:Object.assign({},this.settings.criteria),disabledElementIds:this.settings.disabledElementIds,selectable:!0,multiSelect:this.settings.multiSelect,waitForDoubleClicks:!0,buttonContainer:this.$secondaryButtons,onSelectionChange:()=>{this.elementIndex&&this.onSelectionChange()},onSourcePathChange:()=>{this.elementIndex&&this.onSelectionChange()},onSelectSource:this.onSelectSource.bind(this),hideSidebar:this.settings.hideSidebar,defaultSiteId:this.settings.defaultSiteId,defaultSource:this.settings.defaultSource,defaultSourcePath:this.settings.defaultSourcePath,preferStoredSource:this.settings.preferStoredSource,showSourcePath:this.settings.showSourcePath},this.settings.indexSettings)}},{defaults:{fullscreen:!1,resizable:!0,storageKey:null,sources:null,condition:null,referenceElementId:null,referenceElementOwnerId:null,referenceElementSiteId:null,criteria:null,multiSelect:!1,showSiteMenu:null,disabledElementIds:[],disableElementsOnSelect:!1,hideOnSelect:!0,modalTitle:Craft.t("app","Select element"),showTitle:!1,selectBtnLabel:Craft.t("app","Select"),onCancel:$.noop,onSelect:$.noop,hideSidebar:!1,defaultSiteId:null,defaultSource:null,defaultSourcePath:null,preferStoredSource:!1,showSourcePath:!0,bodyAction:"element-selector-modals/body",indexSettings:{}}})},811:function(){Craft.Preview=Garnish.Base.extend({elementEditor:null,tabManager:null,hasTabs:!1,$shade:null,editorId:null,$editorContainer:null,$editorHeader:null,$editorToolbar:null,$tabContainer:null,$content:null,$spinner:null,$editorFooter:null,$saveBtn:null,$dragHandle:null,$previewWrapper:null,$previewContainer:null,$previewSkipLink:null,$bumperLink:null,$notifier:null,$iframeContainer:null,$previewHeader:null,$targetBtn:null,$targetMenu:null,$deviceTypeContainer:null,$orientationBtn:null,$refreshBtn:null,$deviceMask:null,$devicePreviewContainer:null,$iframe:null,iframeLoaded:!1,isActive:!1,isVisible:!1,activeTarget:0,animationDuration:"slow",currentDeviceType:"desktop",deviceOrientation:null,deviceWidth:"",deviceHeight:"",deviceMaskDimensions:{phone:{width:375,height:753},tablet:{width:768,height:1110}},draftId:null,url:null,iframeHeight:null,scrollTop:null,scrollLeft:null,dragger:null,dragStartEditorWidth:null,_editorWidth:null,_editorWidthInPx:null,init:function(t){this.setSettings(t,Craft.Preview.defaults),this.editorWidth=Craft.getLocalStorage("LivePreview.editorWidth",Craft.Preview.defaultEditorWidth),Craft.Preview.instances.push(this),this.settings.standaloneMode&&this.open(!1)},get editorWidth(){return this._editorWidth},get editorWidthInPx(){return this._editorWidthInPx},set editorWidth(t){let e;t>=1?(e=t,t/=Garnish.$win.width()):e=Math.round(t*Garnish.$win.width()),e",{class:"modal-shade dark"}).appendTo(Garnish.$bod),this.$previewWrapper=$("",{role:"dialog","aria-modal":"true","aria-labelledby":"lp-preview-heading"}).appendTo(Garnish.$bod),this.$modalLabel=$("",{id:"lp-preview-heading",class:"visually-hidden",html:Craft.t("app","Preview")}).appendTo(this.$previewWrapper),this.$editorContainer=$("",{id:this.editorId,class:"lp-editor-container"}).appendTo(this.$previewWrapper),this.$previewContainer=$("",{class:"lp-preview-container",id:"lp-preview-container"}).appendTo(this.$previewWrapper),this.$notifier=$("",{class:"visually-hidden",role:"status"}).appendTo(this.$previewContainer),this.$editorHeader=$("t!==this),this.elementEditor.destroy(),delete this.elementEditor,this.base()}},{defaultEditorWidth:.33,minEditorWidthInPx:320,instances:[],defaults:{elementType:null,elementId:null,draftId:null,revisionId:null,siteId:null,standaloneMode:!1,redirectUrl:null,onBeforeLoad:async()=>{}},refresh:function(){for(const t of Craft.Preview.instances)t.updateIframe();for(const t of Craft.LivePreview.instances)t.forceUpdateIframe()},getActive:function(){for(const t of Craft.Preview.instances)if(t.isActive)return t}})},993:function(){Craft.AssetsFieldSettings=Garnish.Base.extend({$useSingleFolderInput:null,$sourceInputs:null,$defaultUploadLocationSelect:null,$showSearchInputField:null,$defaultUploadLocationOptions:null,init:function(t,e,i,s){this.$useSingleFolderInput=$(`#${t}`),this.$sourceInputs=$(`#${e} input`),this.$defaultUploadLocationSelect=$(`#${i}`),this.$showSearchInputField=$(`#${s}`),this.$defaultUploadLocationOptions=this.$defaultUploadLocationSelect.children("option"),this.updateDefaultUploadLocationSelect(),Garnish.requestAnimationFrame(()=>{this.addListener(this.$useSingleFolderInput,"change",()=>{this.updateDefaultUploadLocationSelect(),"true"===this.$useSingleFolderInput.attr("aria-checked")?this.$showSearchInputField.removeClass("hidden"):setTimeout(()=>{this.$sourceInputs.first().trigger("change")},1)}),this.addListener(this.$sourceInputs,"change",()=>{this.updateDefaultUploadLocationSelect()})})},updateDefaultUploadLocationSelect:function(){if("true"===this.$useSingleFolderInput.attr("aria-checked"))return;const t=this.$defaultUploadLocationSelect.val();let e;for(let t=0;t{this.initItem(e)})},initDrag:function(t=[]){0===t.length&&(t=this.$container.children(".checkbox-select-item:not(.all)")),Craft.hasMousePointerEvents()&&t.length&&(this.dragSort=new Garnish.DragSort(t,{axis:Garnish.Y_AXIS,handle:".draggable-handle"}),this.dragSort.on("sortChange",()=>{this.trigger("sortChange")}))},initItem:function(t){return new Craft.SortableCheckboxSelect.Item(this,t)}}),Craft.SortableCheckboxSelect.Item=Garnish.Base.extend({select:null,$item:null,$moveHandle:null,$checkbox:null,$checkboxLabel:null,$actionMenuBtn:null,$actionMenu:null,actionDisclosure:null,moveUpBtn:null,moveDownBtn:null,init:function(t,e){this.select=t,this.$item=$(e),this.$moveHandle=this.$item.children(".move"),Craft.hasMousePointerEvents()||this.$moveHandle.hide(),this.$checkbox=this.$item.children("input[type=checkbox]"),this.$checkboxLabel=this.$item.children("label"),this.addListener(this.$checkbox,"change",()=>{this.handleCheckboxChange()}),this.handleCheckboxChange()},handleCheckboxChange:function(){this.$checkbox.prop("checked")?this.onCheck():this.onUncheck()},onCheck:function(){this.$actionMenuBtn=this.$item.find("[data-disclosure-trigger]"),this.$actionMenuBtn&&this.onUncheck(),this.$moveHandle?.removeClass("disabled");const t="menu-"+Math.floor(1e9*Math.random());let e=this.$checkboxLabel.attr("id");e||(e=`label-${Math.floor(1e9*Math.random())}`,this.$checkboxLabel.attr("id",e)),this.$actionMenuBtn=$("",{class:"btn action-btn","aria-controls":t,"aria-label":Craft.t("app","Actions"),"aria-describedby":e,"data-disclosure-trigger":"","data-icon":"ellipsis"}).appendTo(this.$item),this.$actionMenu=$("",{id:t,class:"menu menu--disclosure"}).appendTo(this.$item),this.actionDisclosure=new Garnish.DisclosureMenu(this.$actionMenuBtn),this.moveUpBtn=this.actionDisclosure.addItem({icon:async()=>await Craft.ui.icon("arrow-up"),label:Craft.t("app","Move up"),onActivate:()=>{this.moveUp()}}),this.moveDownBtn=this.actionDisclosure.addItem({icon:async()=>await Craft.ui.icon("arrow-down"),label:Craft.t("app","Move down"),onActivate:()=>{this.moveDown()}}),this.actionDisclosure.on("show",()=>{this.getPrevCheckedItem()?this.actionDisclosure.showItem(this.moveUpBtn):this.actionDisclosure.hideItem(this.moveUpBtn),this.getNextCheckedItem()?this.actionDisclosure.showItem(this.moveDownBtn):this.actionDisclosure.hideItem(this.moveDownBtn)});const i=this.getAllCheckedSiblings();0==i.length?this.$actionMenuBtn.hide():1==i.length&&$(i[0]).find(".btn.action-btn").show(),this.$item.trigger("checked")},onUncheck:function(){const t=this.getAllCheckedSiblings();1==t.length&&$(t[0]).find(".btn.action-btn").hide(),this.$moveHandle?.addClass("disabled"),this.$actionMenuBtn?.remove(),this.$actionMenu?.remove(),this.actionDisclosure?.destroy(),this.$actionMenuBtn=this.actionDisclosure=null,this.$item.trigger("unchecked")},getPrevCheckedItem:function(){const t=this.$item.prevAll(".checkbox-select-item:not(.all):has(input[type=checkbox]:checked):first");return t.length?t:null},getNextCheckedItem:function(){const t=this.$item.nextAll(".checkbox-select-item:not(.all):has(input[type=checkbox]:checked):first");return t.length?t:null},getAllCheckedSiblings:function(){return this.$item.siblings(".checkbox-select-item:not(.all):has(input[type=checkbox]:checked)")},moveUp:function(){const t=this.getPrevCheckedItem();t&&(this.$item.insertBefore(t),this.$item.trigger("movedUp"),this.select.trigger("sortChange"))},moveDown:function(){const t=this.getNextCheckedItem();t&&(this.$item.insertAfter(t),this.$item.trigger("movedDown"),this.select.trigger("sortChange"))}})},1032:function(){Craft.BaseUploader=Garnish.Base.extend({allowedKinds:null,$element:null,$fileInput:null,settings:null,fsType:null,formData:{},events:{},_rejectedFiles:{},_extensionList:null,_inProgressCounter:0,init:function(t,e){this._rejectedFiles={size:[],type:[],limit:[]},this.$element=t,this.settings=$.extend({},Craft.BaseUploader.defaults,e),this.formData=this.settings.formData,this.$fileInput=this.settings.fileInput||t,this.events=this.settings.events,this.settings.url||(this.settings.url=this.settings.replace?Craft.getActionUrl(this.settings.replaceAction):Craft.getActionUrl(this.settings.createAction)),this.settings.allowedKinds&&this.settings.allowedKinds.length&&("string"==typeof this.settings.allowedKinds&&(this.settings.allowedKinds=[this.settings.allowedKinds]),this.allowedKinds=this.settings.allowedKinds,delete this.settings.allowedKinds)},setParams:function(t){void 0!==Craft.csrfTokenName&&void 0!==Craft.csrfTokenValue&&(t[Craft.csrfTokenName]=Craft.csrfTokenValue),this.formData=t},getInProgress:function(){return this._inProgressCounter},isLastUpload:function(){return this.getInProgress()<2},processErrorMessages:function(){var t;this._rejectedFiles.type.length&&(t=1===this._rejectedFiles.type.length?"The file {files} could not be uploaded. The allowed file kinds are: {kinds}.":"The files {files} could not be uploaded. The allowed file kinds are: {kinds}.",t=Craft.t("app",t,{files:this._rejectedFiles.type.join(", "),kinds:this.allowedKinds.join(", ")}),this._rejectedFiles.type=[],Craft.cp.displayError(t)),this._rejectedFiles.size.length&&(t=1===this._rejectedFiles.size.length?"The file {files} could not be uploaded, because it exceeds the maximum upload size of {size}.":"The files {files} could not be uploaded, because they exceeded the maximum upload size of {size}.",t=Craft.t("app",t,{files:this._rejectedFiles.size.join(", "),size:this.humanFileSize(this.settings.maxFileSize)}),this._rejectedFiles.size=[],Craft.cp.displayError(t)),this._rejectedFiles.limit.length&&(t=1===this._rejectedFiles.limit.length?"The file {files} could not be uploaded, because the field limit has been reached.":"The files {files} could not be uploaded, because the field limit has been reached.",t=Craft.t("app",t,{files:this._rejectedFiles.limit.join(", ")}),this._rejectedFiles.limit=[],Craft.cp.displayError(t))},humanFileSize:function(t){var e=1024;if(t=e);return t.toFixed(1)+" "+["kB","MB","GB","TB","PB","EB","ZB","YB"][i]},_createExtensionList:function(){this._extensionList=[];for(var t=0;t",{class:"cpmodal-body"}),this.$content=$("",{class:"cpmodal-content"}).appendTo(this.$body),this.$footer=$("",{class:"cpmodal-footer hidden"}),$("",{class:"flex-grow"}).appendTo(this.$footer);const i=$("",{class:"flex flex-nowrap"}).appendTo(this.$footer);this.$loadSpinner=$("",{class:"spinner",title:Craft.t("app","Loading"),"aria-label":Craft.t("app","Loading")}).prependTo(i),this.$cancelBtn=$("",{type:"button",class:"btn",text:Craft.t("app","Cancel")}).appendTo(i),this.settings.showSubmitButton&&(this.$saveBtn=Craft.ui.createSubmitButton({label:Craft.t("app","Save"),spinner:!0}).appendTo(i)),this.$container=$(`<${this.settings.containerElement}/>`,this.settings.containerAttributes);let s=this.$body.add(this.$footer);this.$container.append(s),this.base(this.$container,{autoShow:!1}),this.$container.data("cpModal",this),Garnish.uiLayerManager.registerShortcut({keyCode:Garnish.S_KEY,ctrl:!0},t=>{this.handleSubmit(t)}),Garnish.uiLayerManager.registerShortcut(Garnish.ESC_KEY,()=>{this.closeMeMaybe()}),this.addListener(this.$cancelBtn,"click",()=>{this.closeMeMaybe()}),this.addListener(this.$shade,"click",()=>{this.closeMeMaybe()}),this.addListener(this.$container,"click",t=>{const e=$(event.target);!this.showingSidebar||e.closest(this.$sidebarBtn).length||e.closest(this.$sidebar).length||this.hideSidebar()}),this.addListener(this.$container,"submit","handleSubmit"),this.resizeObserver=new ResizeObserver(t=>{this.visible&&this.updateSizeAndPosition()}),this.load()},load:function(t,e){return new Promise((t,i)=>{this.trigger("beforeLoad"),this.showLoadSpinner(),this.cancelToken&&(this.ignoreFailedRequest=!0,this.cancelToken.cancel()),this.cancelToken=axios.CancelToken.source(),Craft.sendActionRequest("GET",this.action,$.extend({params:Object.assign({},this.getParams(),this.settings.params),cancelToken:this.cancelToken.token,headers:{"X-Craft-Container-Id":this.$container.attr("id")}},this.settings.requestOptions)).then(s=>{this.update(s.data).then(()=>{!1!==e&&(this.$container.data("delta-names",s.data.deltaNames),this.$container.data("initial-delta-values",s.data.initialDeltaValues),this.$container.data("initialSerializedValue",this.$container.serialize())),t()}).catch(t=>{i(t)})}).catch(t=>{this.ignoreFailedRequest||(Craft.cp.displayError(),i(t)),this.ignoreFailedRequest=!1}).finally(()=>{this.hideLoadSpinner(),this.show(),this.cancelToken=null})})},getParams:function(){return{}},showLoadSpinner:function(){this.$loadSpinner.removeClass("hidden"),this.showingLoadSpinner=!0},hideLoadSpinner:function(){this.$loadSpinner.addClass("hidden"),this.showingLoadSpinner=!1},update:function(t){return new Promise(e=>{this.namespace=t.namespace,t.bodyClass&&this.$body.addClass(t.bodyClass),this.$content.html(t.content),t.submitButtonLabel&&this.$saveBtn.text(t.submitButtonLabel),t.formAttributes&&Craft.setElementAttributes(this.$container,t.formAttributes),this.$footer.removeClass("hidden"),Garnish.requestAnimationFrame(()=>{Craft.appendHeadHtml(t.headHtml),Craft.appendBodyHtml(t.bodyHtml),Craft.initUiElements(this.$content),Craft.cp.elementThumbLoader.load($(this.$content)),Garnish.isMobileBrowser()||Craft.setFocusWithin(this.$content),e(),this.trigger("load")})})},showSubmitSpinner:function(){this.$saveBtn.addClass("loading")},hideSubmitSpinner:function(){this.$saveBtn.removeClass("loading")},handleSubmit:function(t){t.preventDefault(),this.submit()},submit:function(){this.showSubmitSpinner();const t=Craft.findDeltaData(this.$container.data("initialSerializedValue"),this.$container.serialize(),null,this.$container.data("initial-delta-values"));Craft.sendActionRequest("POST",null,{data:t,headers:{"X-Craft-Namespace":this.namespace}}).then(t=>{this.handleSubmitResponse(t)}).catch(t=>{this.handleSubmitError(t)}).finally(()=>{this.hideSubmitSpinner()})},handleSubmitResponse:function(t){this.clearErrors();const e=t.data||{};e.message&&Craft.cp.displaySuccess(e.message,e.notificationSettings),e.modelClass&&e.modelId&&Craft.refreshComponentInstances(e.modelClass,e.modelId),this.succeeded=!0;const i={response:t,data:e.modelName&&e[e.modelName]||{}};this.trigger("submit",i),this.settings.onSubmit&&this.settings.onSubmit(i),this.settings.closeOnSubmit&&this.close()},handleSubmitError:function(t){if(!t.isAxiosError||!t.response||400===!t.response.status)throw Craft.cp.displayError(),t;const e=t.response.data||{};Craft.cp.displayError(e.message),e.errors&&this.showErrors(e.errors)},showErrors:function(t){this.clearErrors(),Object.entries(t).forEach(([t,e])=>{const i=this.$container.find(`[data-attribute="${t}"]`);i&&(Craft.ui.addErrorsToField(i,e),this.fieldsWithErrors.push(i))}),this.updateSizeAndPosition()},clearErrors:function(){this.fieldsWithErrors.forEach(t=>{Craft.ui.clearErrorsFromField(t)})},isDirty:function(){const t=this.$container.data("initialSerializedValue");return void 0!==t&&t!==(this.$container.data("serializer")||(()=>this.$container.serialize()))()},closeMeMaybe:function(){this.visible&&(this.isDirty()&&!confirm(Craft.t("app","Are you sure you want to close this screen? Any changes will be lost."))||this.close())},close:function(){this.cancelToken&&(this.ignoreFailedRequest=!0,this.cancelToken.cancel()),this.hide(),this.trigger("close"),this.destroy()},onShow:function(){this.base(),this.resizeObserver.observe(this.$body[0])},onHide:function(){this.base(),this.resizeObserver.disconnect(),this.succeeded||(this.trigger("cancel"),this.settings.onCancel&&this.settings.onCancel())}},{defaults:{params:{},containerElement:"form",containerAttributes:{id:`cp-modal-${Math.floor(1e8*Math.random())}`,action:"",method:"post",novalidate:"",class:"cpmodal modal fitted"},requestOptions:{},closeOnSubmit:!0,showSubmitButton:!0,onSubmit:$.noop,onCancel:$.noop}})},1180:function(){Craft.DataTableSorter=Garnish.DragSort.extend({$table:null,init:function(t,e){this.$table=$(t);var i=this.$table.children("tbody").children(":not(.filler)");(e=$.extend({},Craft.DataTableSorter.defaults,e)).container=this.$table.children("tbody"),e.helper=this.getHelper.bind(this),e.caboose="
").appendTo(e),s=$("").appendTo(i);t.appendTo(s),i.width(this.$table.width()),i.prop("className",this.$table.prop("className"));for(var n=this.$table.find("tr:first").children(),a=t.children(),r=0;r{this.showModal()}),this.addListener(this.$removeBtn,"activate",()=>{this.removeIcon()})},showModal(){this.modal?this.modal.show():this.createModal()},createModal(){const t=$(''),e=$('').appendTo(t),i=$('').appendTo(e);$('').appendTo(i),this.$searchInput=Craft.ui.createTextInput({name:"search",class:"clearable",placeholder:Craft.t("app","Search")}).attr("aria-label",Craft.t("app","Search")).appendTo(i);const s=$("",{class:"clear-btn hidden",title:Craft.t("app","Clear search"),"aria-label":Craft.t("app","Clear search")}).appendTo(i);this.$iconListContainer=$('').appendTo(e),this.$iconList=$(' ').appendTo(this.$container));var t={url:Craft.getActionUrl(this.settings.uploadAction),formData:this.settings.postParameters,fileInput:this.$container.find(this.settings.fileInputSelector),paramName:this.settings.uploadParamName};void 0!==Craft.csrfTokenName&&void 0!==Craft.csrfTokenValue&&(t.formData[Craft.csrfTokenName]=Craft.csrfTokenValue),t.events={},t.events.fileuploadstart=this._onUploadStart.bind(this),t.events.fileuploadprogressall=this._onUploadProgress.bind(this),t.events.fileuploaddone=this._onUploadComplete.bind(this),t.events.fileuploadfail=this._onUploadFailure.bind(this),this.uploader=Craft.createUploader(null,this.$container,t),this.initButtons()},initButtons:function(){this.$container.find(this.settings.uploadButtonSelector).on("click",t=>{this.$container.find(this.settings.fileInputSelector).trigger("click")}),this.$container.find(this.settings.deleteButtonSelector).on("click",t=>{confirm(Craft.t("app","Are you sure you want to delete this image?"))&&($(t.currentTarget).parent().append(''),Craft.sendActionRequest("POST",this.settings.deleteAction,{data:this.settings.postParameters}).then(({data:t})=>{this.refreshImage(t)}))})},refreshImage:function(t){this.$container.replaceWith(this.$container=$(t.html)),this.settings.onAfterRefreshImage(t),Craft.cp.elementThumbLoader.load(this.$container),this.initImageUpload()},_onUploadStart:function(t){this.progressBar.$progressBar.css({top:Math.round(this.$container.outerHeight()/2)-6}),this.$container.addClass("uploading"),this.progressBar.resetProgressBar(),this.progressBar.showProgressBar()},_onUploadProgress:function(t,e=null){var i=parseInt(e.loaded/e.total*100,10);this.progressBar.setProgressPercentage(i)},_onUploadComplete:function(t,e=null){this.refreshImage(e.result),this.uploader.isLastUpload()&&(this.progressBar.hideProgressBar(),this.$container.removeClass("uploading"))},_onUploadFailure:function(t,e=null){const i=e.response();let{message:s,filename:n,errors:a={}}=i?.jqXHR?.responseJSON||{};n=n||e?.files?.[0].name;let r=a?Object.values(a).flat():[];s||(s=r.length?r.join("\n"):n?Craft.t("app","Upload failed for “{filename}”.",{filename:n}):Craft.t("app","Upload failed.")),Craft.cp.displayError(s),this.progressBar.hideProgressBar(),this.$container.removeClass("uploading")}},{defaults:{postParameters:{},uploadAction:"",deleteAction:"",fileInputSelector:"",onAfterRefreshImage:$.noop,containerSelector:null,uploadButtonSelector:null,deleteButtonSelector:null,uploadParamName:"files"}})},1543:function(){Craft.SlugGenerator=Craft.BaseInputGenerator.extend({generateTargetValue:function(t){t=(t=t.replace(/<(.*?)>/g,"")).replace(/['"‘’“”ʻ\[\]\(\)\{\}:]/g,""),Craft.limitAutoSlugsToAscii&&(t=Craft.asciiString(t,this.settings.charMap)),Craft.allowUppercaseInSlug||(t=t.toLowerCase());var e=Craft.filterArray(XRegExp.matchChain(t,[XRegExp("[\\p{L}\\p{N}\\p{M}]+")]));return e.length?e.join(Craft.slugWordSeparator):""}})},1696:function(){!function(t){Craft.ContentBlockEditor=Garnish.Base.extend({$container:null,formObserver:null,cancelToken:null,ignoreFailedRequest:!1,init:function(t,e={}){this.$container=t,this.setSettings(e,Craft.ContentBlockEditor.defaults),this.formObserver=new Craft.FormObserver(this.$container,t=>{this.updateFieldLayout(t)})},async updateFieldLayout(e){const i=this.$container.closest("form").data("elementEditor");if(i?.submittingForm)throw"Form already being submitted.";this.cancelToken&&(this.ignoreFailedRequest=!0,this.cancelToken.cancel());const s=t=>Craft.namespaceInputName(t,this.settings.baseInputName),n={[s("visibleLayoutElements")]:this.settings.visibleLayoutElements,[s("staticLayoutElements")]:this.settings.staticLayoutElements,[s("elementType")]:"CraftCms\\Cms\\Field\\Elements\\ContentBlock",[s("ownerId")]:i?.getDraftElementId(this.settings.ownerId)??this.settings.ownerId,[s("fieldId")]:this.settings.fieldId,[s("siteId")]:this.settings.siteId,[s("elementId")]:i?.getDraftElementId(this.settings.elementId)??this.settings.elementId};let a;e+=`&${t.param(n)}`,this.cancelToken=axios.CancelToken.source();try{a=await Craft.sendActionRequest("POST","elements/update-field-layout",{cancelToken:this.cancelToken.token,headers:{"content-type":"application/x-www-form-urlencoded","X-Craft-Namespace":this.settings.baseInputName},data:e})}catch(t){if(!this.ignoreFailedRequest)throw t;return void(this.ignoreFailedRequest=!1)}finally{this.cancelToken=null}const r={},o={};let l=!1;const h=this.$container.find(".flex-fields:first");for(const e of a.data.missingElements)for(const i of e.elements)if(!1!==i.html){if(r[e.uid]||(r[e.uid]=[]),r[e.uid].push(i.uid),i.static&&(o[e.uid]||(o[e.uid]=[]),o[e.uid].push(i.uid)),"string"==typeof i.html){const e=h.children(`[data-layout-element="${i.uid}"]`),s=t(i.html);e.length?e.replaceWith(s):s.appendTo(h),Craft.initUiElements(s),l=!0}}else{const e=h.children(`[data-layout-element="${i.uid}"]`);if(!e.length||!Garnish.hasAttr(e,"data-layout-element-placeholder")){const s=t("",{class:"hidden","data-layout-element":i.uid,"data-layout-element-placeholder":""});e.length?e.replaceWith(s):s.appendTo(h),l=!0}}this.settings.visibleLayoutElements=r,this.settings.staticLayoutElements=o,await Craft.appendHeadHtml(a.data.headHtml),await Craft.appendBodyHtml(a.data.bodyHtml),i?.handleDismissibleTips()}},{defaults:{baseInputName:null,ownerElementType:null,ownerId:null,fieldId:null,siteId:null,elementId:null,visibleLayoutElements:{},staticLayoutElements:{}}})}(jQuery)},1723:function(){Craft.ProgressBar=Garnish.Base.extend({$progressBar:null,$innerProgressBar:null,$progressBarStatus:null,intervalManager:null,_itemCount:0,_progressPercentage:null,_processedItemCount:0,_displaySteps:!1,init:function(t,e,i){console.warn("Craft.ProgressBar has been deprecated. Use the =this.$container.offset().top+this.$container.height():this.$scroller.prop("scrollHeight")-this.$scroller.scrollTop()<=this.$scroller.outerHeight()+15)},loadMore:function(){this.getMorePending()&&!this.loadingMore&&this.elementIndex.settings.batchSize&&(this.loadingMore=!0,this.$loadingMoreSpinner.removeClass("hidden"),this.removeListener(this.$scroller,"scroll"),Craft.sendActionRequest("POST",this.settings.loadMoreElementsAction,{data:this.getLoadMoreParams()}).then(async t=>{this.loadingMore=!1,this.$loadingMoreSpinner.addClass("hidden"),this.isAdministrative&&(Craft.currentElementIndex=this);let e=$(t.data.html);if(this.elementIndex.selectable){const t=this.elementIndex.multiSelect?"checkbox":"radio";e.find(".checkbox").attr("role",t)}this.appendElements(e),await Craft.appendHeadHtml(t.data.headHtml),await Craft.appendBodyHtml(t.data.bodyHtml),this.elementSelect&&(this.elementSelect.addItems(this.filterSelectableElements(e)),this.elementIndex.updateActionTriggers()),this.setTotalVisible(this.getTotalVisible()+e.length),this.setMorePending(e.length==this.elementIndex.settings.batchSize),this.addListener(this.$scroller,"scroll","maybeLoadMore"),this.maybeLoadMore()}).catch(t=>{this.loadingMore=!1,this.$loadingMoreSpinner.addClass("hidden")}))},getLoadMoreParams:function(){var t=$.extend(!0,{},this.settings.params);return t.criteria.offset=this.getTotalVisible(),t},appendElements:function(t){t.appendTo(this.$elementContainer),Craft.cp.elementThumbLoader.load(t),this.onAppendElements(t)},onAppendElements:function(t){this.settings.onAppendElements(t),this.trigger("appendElements",{newElements:t})},onSelectionChange:function(){this.settings.onSelectionChange(),this.trigger("selectionChange")},disable:function(){this.elementSelect&&this.elementSelect.disable()},enable:function(){this.elementSelect&&this.elementSelect.enable()},destroy:function(){this.$loadingMoreSpinner.remove(),this.elementSelect&&(this.elementIndex.off("enableElements",this._handleEnableElements),this.elementIndex.off("disableElements",this._handleDisableElements),this.elementSelect.destroy(),delete this.elementSelect),this.base()}},{defaults:{context:"index",batchSize:null,params:null,selectable:!1,multiSelect:!1,canSelectElement:null,checkboxMode:!1,waitForDoubleClicks:!1,sortable:!1,loadMoreElementsAction:"element-indexes/get-more-elements",onAppendElements:$.noop,onSelectionChange:$.noop,onSortChange:$.noop}})},1842:function(){Craft.EntryMover=Garnish.Base.extend({modal:null,cancelToken:null,entryIds:null,currentSectionUid:null,elementIndex:null,$sectionsListContainer:null,$sectionsList:null,$cancelBtn:null,$selectBtn:null,sectionSelect:null,init(t,e){this.entryIds=t,this.elementIndex=e;let i=e.$source.data("key"),s=null;0===i.indexOf("section:")&&(s=i.substring(8)),this.currentSectionUid=s,this.createModal()},createModal(){const t=$(''),e=$('').appendTo(t),i="sectionSelectorModalHeading-"+Math.floor(1e6*Math.random());$("",{text:Craft.t("app","Move to"),id:i}).appendTo(e);const s=$('').appendTo(t),n=$("",{class:"footer"}).appendTo(t);this.$sectionsListContainer=$('').appendTo(s),this.$sectionsList=$("",{class:"chips","aria-labelledby":i}).appendTo(this.$sectionsListContainer),$('').appendTo(n);const a=$('').appendTo(n);this.$cancelBtn=$("",{type:"button",class:"btn",text:Craft.t("app","Cancel")}).appendTo(a),this.$selectBtn=Craft.ui.createSubmitButton({class:"disabled",label:Craft.t("app","Move"),spinner:!0}).attr("aria-disabled","true").appendTo(a),this.addListener(this.$cancelBtn,"activate","cancel"),this.addListener(this.$selectBtn,"activate","selectSection"),this.modal=new Garnish.Modal(t),this.getCompatibleSections()},getCompatibleSections(){this.cancelToken&&this.cancelToken.cancel(),this.$selectBtn.addClass("loading"),this.cancelToken=axios.CancelToken.source(),Craft.sendActionRequest("POST","entries/move-to-section-modal-data",{data:{entryIds:this.entryIds,siteId:this.elementIndex.siteId,currentSectionUid:this.currentSectionUid},cancelToken:this.cancelToken.token}).then(({data:t})=>{const e=t?.listHtml;e&&(this.$sectionsList.html(e),this.$sectionsList.find(".checkbox").attr("role","radio"),this.sectionSelect=new Garnish.Select(this.$sectionsList,this.$sectionsList.find(".chip"),{vertical:!0,filter:t=>!$(t).closest("a[href],.toggle,.btn,[role=button]").length,checkboxMode:!0,onSelectionChange:()=>{this.sectionSelect.$selectedItems.length?this.$selectBtn.removeClass("disabled"):this.$selectBtn.addClass("disabled")}}))}).catch(({response:t})=>{Craft.cp.displayError(t?.data?.message),this.modal.hide()}).finally(()=>{this.$selectBtn.removeClass("loading"),this.cancelToken=null})},selectSection(){if(this.$selectBtn.hasClass("loading"))return;this.$selectBtn.addClass("loading"),Craft.cp.announce(Craft.t("app","Loading"));let t={sectionId:this.sectionSelect.$selectedItems.data("id"),entryIds:this.entryIds};Craft.sendActionRequest("POST","entries/move-to-section",{data:t}).then(t=>{Craft.cp.displaySuccess(t.data.message),Craft.cp.announce(t.data.message),this.elementIndex.updateElements(),this.elementIndex.$elements.attr("tabindex","-1").focus(),this.modal.hide()}).catch(t=>{Craft.cp.displayError(t?.response?.data?.message),Craft.cp.announce(t?.response?.data?.message)}).finally(()=>{this.$selectBtn.removeClass("loading")})},cancel:function(){this.modal.hide()}})},1868:function(){Craft.ElementTableSorter=Garnish.DragSort.extend({tableView:null,_helperMargin:null,_$firstRowCells:null,_$titleHelperCell:null,_titleHelperCellOuterWidth:null,_ancestors:null,_updateAncestorsFrame:null,_draggeeLevel:null,_draggeeLevelDelta:null,draggingLastElements:null,_loadingDraggeeLevelDelta:!1,_targetLevel:null,_targetLevelBounds:null,_positionChanged:null,init:function(t,e,i){this.tableView=t,this._helperMargin=this.tableView.elementIndex.actions?40:0,i=$.extend({},Craft.ElementTableSorter.defaults,i,{handle:".move",collapseDraggees:!0,singleHelper:!0,helperSpacingY:2,magnetStrength:4,helper:this.getHelper.bind(this),helperLagBase:1.5,axis:Garnish.Y_AXIS}),this.base(e,i)},findDraggee:function(){this._draggeeLevel=this._targetLevel=this._level(this.$targetItem),this._draggeeLevelDelta=0;for(var t=$(this.$targetItem),e=this.$targetItem.next();e.length;){const s=this._level(e);if(s<=this._draggeeLevel)break;var i=s-this._draggeeLevel;i>this._draggeeLevelDelta&&(this._draggeeLevelDelta=i),t=t.add(e),e=e.next()}if(this.draggingLastElements=!e.length,this.tableView.elementIndex.paginated&&null==this.settings.structureId)return t;if(this.settings.maxLevels&&(t.has("> th button.toggle[aria-expanded=false]").length||this.draggingLastElements&&this.tableView.getMorePending())){this._loadingDraggeeLevelDelta=!0;var s=this._getAjaxBaseData(this.$targetItem);Craft.sendActionRequest("POST","structures/get-element-level-delta",{data:s}).then(t=>{this._loadingDraggeeLevelDelta=!1,this.dragging&&(this._draggeeLevelDelta=t.data.delta,this._setTargetLevelBounds(),this.drag(!1))})}return t},getHelper:function(t){var e=$('').appendTo(Garnish.$bod),i=$('').appendTo(e),s=$('
').appendTo(i),n=$("").appendTo(s);t.appendTo(n),this._$firstRowCells=this.tableView.$elementContainer.children("tr:first").children();for(var a=t.children(),r=0;r [data-titlecell]:first > div").css(`padding-${Craft.left}`,n),a.text(r)}this._positionChanged=!0}if(this._positionChanged&&this.settings.structureId){const t=this._getAjaxBaseData(this.$draggee);let e,i=this.$draggee.first().prev();for(;i.length;){const s=this._level(i);if(s==this._targetLevel){t.prevId=i.data("id");break}if(s th .toggle");s.hasClass("expanded")||(s.addClass("expanded"),e=this.tableView._createSpinnerRowAfter(i),this.tableView.elementSelect&&this.tableView.elementSelect.removeItems(this.$targetItem),this.removeItems(this.$targetItem),this.$targetItem.remove(),this.tableView._totalVisible--);break}i=i.prev()}Craft.sendActionRequest("POST","structures/move-element",{data:t}).then(t=>{Craft.cp.displaySuccess(Craft.t("app","New position saved.")),this.onPositionChange(),e&&e.parent().length&&(e.remove(),this.tableView._expandElement($toggle,!0)),Craft.cp.runQueue()}).catch(t=>{Craft.cp.displayError(t?.response?.data?.message),this.tableView.elementIndex.updateElements()})}},onSortChange:function(){this.tableView.elementSelect&&this.tableView.elementSelect.resetItemOrder(),this._positionChanged=!0,this.base()},onPositionChange:function(){Garnish.requestAnimationFrame(()=>{this.trigger("positionChange"),this.settings.onPositionChange()})},onReturnHelpersToDraggees:function(){if(this._$firstRowCells.css("width",""),this.draggingLastElements&&!this.tableView.elementIndex.paginated&&this.tableView.getMorePending()){this.tableView._totalVisible+=this.newDraggeeIndexes[0]-this.oldDraggeeIndexes[0];var t=this.$draggee.last().nextAll();t.length&&(this.removeItems(t),t.remove(),this.tableView.maybeLoadMore())}this.base()},_getLevelBounds:function(t,e){if(this._loadingDraggeeLevelDelta)return!1;if(e&&e.length?this._getLevelBounds._minLevel=this._level(e):this._getLevelBounds._minLevel=1,t&&t.length?this._getLevelBounds._maxLevel=this._level(t)+1:this._getLevelBounds._maxLevel=1,this.settings.maxLevels){if(1!=this._getLevelBounds._minLevel&&this._getLevelBounds._minLevel+this._draggeeLevelDelta>this.settings.maxLevels)return!1;this._getLevelBounds._maxLevel+this._draggeeLevelDelta>this.settings.maxLevels&&(this._getLevelBounds._maxLevel=this.settings.maxLevels-this._draggeeLevelDelta,this._getLevelBounds._maxLevelthis._targetLevelBounds.max&&(this._updateIndent._indentationDist-=this._updateIndent._targetLevel-this._targetLevelBounds.max,this._updateIndent._targetLevel=this._targetLevelBounds.max),this._targetLevel!==(this._targetLevel=this._updateIndent._targetLevel)&&this._updateAncestorsBeforeRepaint(),this._updateIndent._targetLevelMouseDiff=this._updateIndent._mouseDist-this._updateIndent._indentationDist*Craft.ElementTableSorter.LEVEL_INDENT,this._updateIndent._magnetImpact=Math.round(this._updateIndent._targetLevelMouseDiff/15),Math.abs(this._updateIndent._magnetImpact)>Craft.ElementTableSorter.MAX_GIVE&&(this._updateIndent._magnetImpact=(this._updateIndent._magnetImpact>0?1:-1)*Craft.ElementTableSorter.MAX_GIVE),this._updateIndent._closestLevelMagnetIndent=this._getLevelIndent(this._targetLevel)+this._updateIndent._magnetImpact,this.helpers[0].css(`margin-${Craft.left}`,this._updateIndent._closestLevelMagnetIndent+this._helperMargin),this._$titleHelperCell.css("width",this._titleHelperCellOuterWidth-this._updateIndent._closestLevelMagnetIndent)},_getLevelIndent:function(t){return(t-1)*Craft.ElementTableSorter.LEVEL_INDENT},_getAjaxBaseData:function(t){return{structureId:this.settings.structureId,elementId:t.data("id"),siteId:t.find(".element:first").data("site-id")}},_getAncestors:function(t,e){if(this._getAncestors._ancestors=[],0!=e)for(this._getAncestors._level=e,this._getAncestors._$prevRow=t.prev();this._getAncestors._$prevRow.length&&!(this._level(this._getAncestors._$prevRow) th .toggle:first").remove();for(this._updateAncestors._newAncestors=this._getAncestors(this.$targetItem,this._targetLevel),this._updateAncestors._i=0;this._updateAncestors._i",{class:"toggle expanded",type:"button","aria-expanded":"true",title:Craft.t("app","Show/hide children"),"aria-label":Craft.t("app","Show {title} children",{title:t})}).insertAfter(this._updateAncestors._$ancestor.find("> th .move:first"))}this._ancestors=this._updateAncestors._newAncestors,delete this._updateAncestors._i,delete this._updateAncestors._$ancestor,delete this._updateAncestors._newAncestors}},{HELPER_MARGIN:0,LEVEL_INDENT:44,MAX_GIVE:22,defaults:{structureId:null,maxLevels:1,onPositionChange:$.noop}})},2067:function(){},2070:function(t,e,i){var s=i(7520);s.__esModule&&(s=s.default),"string"==typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals),(0,i(5233).A)("7dc1a956",s,!0,{})},2190:function(){Craft.AuthManager=Garnish.Base.extend({checkRemainingSessionTimer:null,decrementLogoutWarningInterval:null,showingLogoutWarningModal:!1,showingLoginModal:!1,renewingSession:!1,logoutWarningModal:null,loginModal:null,$logoutWarningPara:null,$passwordInput:null,$loginBtn:null,loginBtn:null,get remainingSessionTime(){return Craft.remainingSessionTime},init:function(){Craft.username&&this.updateRemainingSessionTime(Craft.remainingSessionTime,!1)},setCheckRemainingSessionTimer:function(t){this.checkRemainingSessionTimer&&clearTimeout(this.checkRemainingSessionTimer),this.checkRemainingSessionTimer=setTimeout(()=>{this.checkRemainingSessionTime()},1e3*t)},async checkRemainingSessionTime(t){const e=Craft.getActionUrl("users/session-info",t?null:"dontExtendSession=1");try{const{data:t}=await Craft.sendActionRequest("GET",e);void 0!==Craft.csrfTokenValue&&(Craft.csrfTokenValue=t.csrfTokenValue),this.updateRemainingSessionTime(t.timeout,t.isGuest)}catch(t){this.updateRemainingSessionTime(-1,!1)}},updateRemainingSessionTime:function(t,e){this.checkRemainingSessionTimer&&clearTimeout(this.checkRemainingSessionTimer);const i=!Craft.remainingSessionTime&&t;if(Craft.remainingSessionTime=parseInt(t),-1!==Craft.remainingSessionTime&&Craft.remainingSessionTime",{"data-icon":"triangle-exclamation","aria-label":Craft.t("app","Error"),role:"img"}).appendTo(e)}}}},destroy:function(){this.elementEditor.destroy(),delete this.elementEditor,this.base()}},{defaults:{elementId:null,draftId:null,revisionId:null,fieldId:null,ownerId:null,elementType:null,siteId:null,prevalidate:!1,saveParams:null,onSaveElement:null,validators:[],expandData:[],isStatic:!1,onBeforeSubmit:async()=>{}}})},2367:function(){class t extends HTMLElement{static observedAttributes=["hidden"];get hidden(){return this.getAttribute("hidden")}get hasOverflow(){return this.content?.scrollWidth>this.scroller?.clientWidth}connectedCallback(){this.ignoreScrollEvent=!1,this.animation=!1,this.scroller=document.querySelector(this.getAttribute("scroller")),this.content=document.querySelector(this.getAttribute("content")),this.scroller&&this.content&&(this.proxy=document.createElement("div"),this.proxy.style.height="1px",this.proxy.style.width=this.content.getBoundingClientRect().width+"px",this.appendChild(this.proxy),this.addEventListener("scroll",this.syncScroll(this.scroller,this)),this.scroller.addEventListener("scroll",this.syncScroll(this,this.scroller)),window.addEventListener("resize",this.handleResize.bind(this)),Object.assign(this.style,{display:this.hasOverflow?"block":"none",overflowX:"scroll"}))}attributeChangedCallback(t,e,i){"hidden"===t&&(this.style.display=i?"none":"block")}disconnectedCallback(){this.proxy?.remove(),this.scroller?.removeEventListener("scroll",this.syncScroll(this.scroller,this)),this.scroller?.removeEventListener("scroll",this.syncScroll(this,this.scroller)),window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){this.proxy.style.width=this.content.getBoundingClientRect().width+"px",this.hasOverflow?this.removeAttribute("hidden"):this.setAttribute("hidden","true")}syncScroll(t,e){return()=>{if(this.ignoreScrollEvent)return!1;this.animation&&cancelAnimationFrame(this.animation),this.animation=requestAnimationFrame(()=>{this.ignoreScrollEvent=!0,t.scrollLeft=e.scrollLeft,this.ignoreScrollEvent=!1})}}}customElements.define("craft-proxy-scrollbar",t)},2510:function(){Craft.BaseElementIndex=Garnish.Base.extend({initialized:!1,elementType:null,idPrefix:null,instanceState:null,_sourceStates:null,sourceStatesStorageKey:null,searchTimeout:null,sourceNav:null,$container:null,$main:null,isIndexBusy:!1,$sidebar:null,showingSidebar:null,hasImplicitSource:!1,sourceKey:null,rootSourceKey:null,sourceViewModes:null,$source:null,$rootSource:null,sourcesByKey:null,$visibleSources:null,$sourceActionsContainer:null,$sourceActionsBtn:null,$toolbar:null,toolbarOffset:null,$srStatusContainer:null,$searchContainer:null,$search:null,$filterBtn:null,searching:!1,searchText:null,sortByScore:null,trashed:!1,drafts:!1,$clearSearchBtn:null,$statusMenuBtn:null,$statusMenuContainer:null,statusMenu:null,status:null,$siteMenuBtn:null,siteMenu:null,siteId:null,sourcePaths:null,$sourcePathOuterContainer:null,$sourcePathInnerContainer:null,$sourcePathOverflowBtnContainer:null,$sourcePathActionsBtn:null,$elements:null,$updateSpinner:null,$viewModeBtnContainer:null,viewModeBtns:null,defaultViewMode:null,_viewParams:null,_previousViewParams:null,_viewMode:null,view:null,_autoSelectElements:null,$countSpinner:null,$countContainer:null,$actionsContainer:null,$actionMenuBtn:null,$pasteBtn:null,page:1,prevPage:null,resultSet:null,totalResults:null,totalUnfilteredResults:null,$exportBtn:null,actions:null,actionsHeadHtml:null,actionsBodyHtml:null,$selectAllContainer:null,$selectAllCheckbox:null,showingActionTriggers:!1,exporters:null,exportersByType:null,triggers:null,_$triggers:null,_cancelToken:null,viewMenus:null,activeViewMenu:null,filterHuds:null,_activeElement:null,inlineEditing:!1,nestedInputNamespace:null,get viewMode(){return"structure"!==this._viewMode||this.canViewAsStructure?this.validateViewMode(this._viewMode):this.doesSourceHaveViewMode("table")?"table":"cards"},set viewMode(t){this._viewMode=t?this.validateViewMode(t):null},get paginated(){return!(!this.isAdministrative||"structure"===this.viewMode)},get selectable(){return!(!this.actions&&!this.settings.selectable||this.inlineEditing)},get multiSelect(){return!!(this.actions||this.settings.selectable&&this.settings.multiSelect)},get sortable(){return this.settings.sortable&&this.canSort&&!this.inlineEditing},get canViewAsStructure(){return!this.trashed&&!this.drafts&&!this.searching},get canSort(){return this.isAdministrative&&!this.status&&!this.trashed&&!this.drafts&&!this.searching&&!this.hasActiveFilter},get isAdministrative(){return["index","embedded-index"].includes(this.settings.context)},get hasActiveFilter(){return this.filterHuds[this.siteId]&&this.filterHuds[this.siteId][this.sourceKey]&&this.filterHuds[this.siteId][this.sourceKey].isActive},get baseCriteria(){const t={};if(this.$source&&Object.assign(t,this.$source.data("criteria")),this.settings.criteria&&Object.assign(t,this.settings.criteria),this.sourcePath.length){const e=this.sourcePath[this.sourcePath.length-1];e.criteria&&Object.assign(t,e.criteria)}return t},get sourceStates(){return this.hasImplicitSource?{__IMP__:this.instanceState.source||{}}:this._sourceStates},set sourceStates(t){this.hasImplicitSource?this.setInstanceState("source",t.__IMP__||{}):(this._sourceStates=t,Craft.setLocalStorage(this.sourceStatesStorageKey,this.sourceStates))},init:function(t,e,i){this.elementType=t,this.$container=e,this.setSettings(i,Craft.BaseElementIndex.defaults),this.$container.data("elementIndex",this),this.nestedInputNamespace=`elementindex-${Math.floor(1e5*Math.random())}`,this.sourcePaths={},this.idPrefix=Craft.randomString(10),this.$main=this.$container.find(".main"),this.$toolbar=this.$container.find(this.settings.toolbarSelector),this.$statusMenuBtn=this.$toolbar.find(".statusmenubtn:first"),this.$statusMenuContainer=this.$statusMenuBtn.parent(),this.$siteMenuBtn=this.$container.find(".sitemenubtn:first"),this.$searchContainer=this.$toolbar.find(".search-container:first"),this.$search=this.$searchContainer.children("input:first"),this.$filterBtn=this.$searchContainer.children(".filter-btn:first"),this.$clearSearchBtn=this.$searchContainer.children(".clear-btn:first"),this.$sidebar=this.$container.find(".sidebar:first"),this.$sourceActionsContainer=this.$sidebar.find(`#${this.namespaceId("source-actions")}`),this.$sourceActionsContainer=this.$sidebar.find("#source-actions"),this.$srStatusContainer=this.$container.find("[data-status-message]"),this.$elements=this.$container.find(".elements:first"),this.$updateSpinner=this.$elements.find(".update-spinner"),this.$updateSpinner.length||(this.$updateSpinner=$("",{class:"update-spinner spinner spinner-absolute"}).appendTo(this.$elements)),this.$countSpinner=this.$container.find(`#${this.namespaceId("count-spinner")}`),this.$countContainer=this.$container.find(`#${this.namespaceId("count-container")}`),this.$actionsContainer=this.$container.find(`#${this.namespaceId("actions-container")}`),this.$exportBtn=this.$container.find(`#${this.namespaceId("export-btn")}`),this.settings.hideSidebar&&(this.$sidebar.hide(),$(".body, .content",this.$container).removeClass("has-sidebar"));const s="index"===this.settings.context?Craft.getQueryParams():{},n=this.findSources();if(1===n.length&&"__IMP__"===n.data("key")&&(this.hasImplicitSource=!0),this.instanceState=this.getDefaultInstanceState(),this.settings.storageKey&&$.extend(this.instanceState,Craft.getLocalStorage(this.settings.storageKey),{}),this.hasImplicitSource||(this._sourceStates={},this.sourceStatesStorageKey="BaseElementIndex."+this.elementType+"."+this.settings.context,Object.assign(this._sourceStates,Craft.getLocalStorage(this.sourceStatesStorageKey,{}))),!this.initSources(n))return;if(this.$statusMenuBtn.length&&(this.statusMenu=this.$statusMenuBtn.menubtn().data("menubtn").menu,this.statusMenu.on("optionselect",this._handleStatusChange.bind(this))),this.$siteMenuBtn.length){this.siteMenu=this.$siteMenuBtn.menubtn().data("menubtn").menu;var a=this.siteMenu.$options.filter(".sel:first");if(a.length||(a=this.siteMenu.$options.first()),a.length?this._setSite(a.data("site-id")):this.settings.criteria={id:"0"},this.siteMenu.on("optionselect",this._handleSiteChange.bind(this)),this.siteId){var r=this.settings.defaultSiteId||Craft.cp.getSiteId();if(r&&r!=this.siteId){var o=this.siteMenu.$options.filter('[data-site-id="'+r+'"]:first');o.length&&o.trigger("click")}}}else{const t=this.$container.data("site-ids");1===t?.length?this._setSite(t[0]):this.settings.criteria&&this.settings.criteria.siteId&&"*"!==this.settings.criteria.siteId?this._setSite(this.settings.criteria.siteId):this._setSite(Craft.siteId)}let l;this.settings.criteria&&this.settings.criteria.siteId&&delete this.settings.criteria.siteId,this.addListener(this.$search,"input",()=>{!this.searching&&this.$search.val()?this.startSearching():this.searching&&!this.$search.val()&&this.stopSearching(),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout(this.updateElementsIfSearchTextChanged.bind(this),500)}),this.addListener(this.$search,"keypress",t=>{t.keyCode===Garnish.RETURN_KEY&&(t.preventDefault(),this.searchTimeout&&clearTimeout(this.searchTimeout),this.updateElementsIfSearchTextChanged())}),this.addListener(this.$clearSearchBtn,"click",()=>{this.clearSearch(!0),Garnish.isMobileBrowser(!0)||this.$search.focus()}),"embedded-index"===this.settings.context||Garnish.isMobileBrowser(!0)||!1!==Craft.disableAutofocus||this.$search.focus(),this.viewMenus={},this.filterHuds={},this.addListener(this.$filterBtn,"click","showFilterHud"),this.addListener(this.$exportBtn,"click","_showExportHud"),this.initialized=!0,this.afterInit(),l="index"===this.settings.context?void 0!==s.sourcePathStep?s.sourcePathStep:this.getSelectedSourceState("sourcePathStep"):this.instanceState.sourcePathStep||null,this.asyncSelectDefaultSource().then(()=>{const t=this.getDefaultSourcePath();t&&1!=t.length||!l?(t&&(this.sourcePath=t),this.afterSetInitialSource(s)):this.loadSourcePathByKey(l).then(t=>{if(t){const e=this.sourceKey.split("/").slice(-1)[0],i=t.findIndex(t=>t.key===e);-1!==i&&(this.sourcePath=t.slice(i))}this.afterSetInitialSource(s)}),this.updateMainHeading(),"index"===this.settings.context&&Craft.cp.onCopyElements((t,e)=>{this.updatePasteButton(t),this.$pasteBtn&&e&&this.$pasteBtn.find(".label").text(e)})})},afterInit:function(){this.onAfterInit()},namespaceInputName(t){return Craft.namespaceInputName(t,this.settings.namespace)},namespaceId(t){return Craft.namespaceId(t,this.settings.namespace)},loadSourcePathByKey:function(t){return new Promise((e,i)=>{if(t===this.sourceKey)return void e([]);const s=this.getViewParams();s.stepKey=t,Craft.sendActionRequest("POST","element-indexes/source-path",{data:s}).then(({data:t})=>{e(t.sourcePath)}).catch(i)})},afterSetInitialSource:function(t){if("index"===this.settings.context&&this.addListener(Garnish.$win,"resize","handleResize"),this.handleResize(),t.search&&(this.startSearching(),this.searchText=t.search,Craft.setQueryParam("search",t.search)),t.filters&&this.createFilterHud({showOnInit:!1,serialized:t.filters}),t.sort){const e=t.sort.lastIndexOf("-");if(-1!==e){const i=t.sort.substring(0,e),s=t.sort.substring(e+1);this.setSelectedSortAttribute(i,s)}}if(t.status){let e;switch(t.status){case"trashed":e="[data-trashed]";break;case"drafts":e="[data-drafts]";break;default:e=`[data-status="${t.status}"]`}const i=this.statusMenu.$options.filter(e);i.length?this.statusMenu.selectOption(i[0]):Craft.setQueryParam("status",null)}this.setPage(Craft.pageNum),this.updateElements(!0)},handleResize:function(){this.sourcePath.length&&this.settings.showSourcePath&&this._updateSourcePathVisibility()},_createCancelToken:function(){return this._cancelToken=axios.CancelToken.source(),this._cancelToken.token},_cancelRequests:function(){this._cancelToken&&this._cancelToken.cancel()},getSourceContainer:function(){return this.$sidebar.find("nav > ul")},getSourceLabel:function(){return this.$source?.data("label")},getItemLabel:function(){return Craft.elementTypeNames[this.elementType]?Craft.elementTypeNames[this.elementType][2]:this.settings.elementTypeName.toLowerCase()},getItemsLabel:function(){return Craft.elementTypeNames[this.elementType]?Craft.elementTypeNames[this.elementType][3]:this.settings.elementTypePluralName.toLowerCase()},getFirstItemNumber:function(t){return Math.min(this.settings.batchSize*(this.page-1)+1,t)},getLastItemNumber:function(t,e){return Math.min(t+(this.settings.batchSize-1),e)},get $sources(){if(this.sourceNav)return this.sourceNav.$items},getSite:function(){if(this.siteId)return Craft.sites.find(t=>t.id==this.siteId)},initSources:function(e){if(void 0===e&&(e=this.findSources()),0===e.length)return!1;this.sourceNav||(this.sourceNav=new t(this.$sidebar.find("nav"),{onSelectionChange:this._handleSourceSelectionChange.bind(this),handleCtrlClicks:"index"===this.settings.context})),this.sourcesByKey={};for(let t=0;t{this.setIndexAvailable(),this.getSourceContainer().replaceWith(t.data.html),this.initSources(),await this.asyncSelectDefaultSource()}).catch(t=>{axios.isCancel(t)||(this.setIndexAvailable(),Craft.cp.displayError(t?.response?.data?.message))})},initSource:function(t){this.sourceNav.addItems(t),this.initSourceToggle(t),this.sourcesByKey[t.data("key")]=t,t.data("hasNestedSources")&&-1!==this.instanceState.expandedSources.indexOf(t.data("key"))&&this._expandSource(t)},initSourceToggle:function(t){this.deinitSourceToggle(t);var e=this._getSourceToggle(t);e.length?(this.addListener(t,"dblclick","_handleSourceDblClick"),this.addListener(e,"click","_handleSourceToggleClick"),t.data("hasNestedSources",!0)):t.data("hasNestedSources",!1)},updateMainHeading:function(){let t=$("#content-heading");t.length||(t=$("",{id:"content-heading"}),t.appendTo(".screen-title")),t.text(this.getSourceLabel())},deinitSource:function(t){this.sourceNav.removeItems(t),this.deinitSourceToggle(t),delete this.sourcesByKey[t.data("key")]},deinitSourceToggle:function(t){t.data("hasNestedSources")&&(this.removeListener(t,"dblclick"),this.removeListener(this._getSourceToggle(t),"click")),t.removeData("hasNestedSources")},getDefaultInstanceState:function(){const t={selectedSource:null,expandedSources:[]};return this.hasImplicitSource&&(t.source={}),t},getDefaultSourceKey:function(){if(this.settings.preferStoredSource&&this.instanceState.selectedSource)return this.settings.defaultSource=null,this.settings.defaultSourcePath=null,this.instanceState.selectedSource;let t=null;if(this.settings.defaultSource){let e=null,i=!1;for(const s of this.settings.defaultSource.split("/")){e&&(this._expandSource(e),i=!0);const n=(null!==t?`${t}/`:"")+s,a=this.getSourceByKey(n);if(!a){e&&this._collapseSource(e);break}e=a,t=n}i&&this._setSite(this.siteId)}return t||(this.settings.defaultSource=null,this.settings.defaultSourcePath=null),t??this.instanceState.selectedSource},getDefaultSourcePath:function(){return null!==this.settings.defaultSourcePath&&void 0!==this.settings.defaultSourcePath[0]&&!0===this.settings.defaultSourcePath[0].canView?this.settings.defaultSourcePath:null},getDefaultExpandedSources:function(){return this.instanceState.expandedSources},get sourcePath(){return this.sourcePaths[this.sourceKey]||[]},set sourcePath(t){if(this.sourcePaths[this.sourceKey]=t&&t.length?t:null,this.$sourcePathOuterContainer&&(this.$sourcePathOuterContainer.remove(),this.$sourcePathOuterContainer=null,this.$sourcePathInnerContainer=null,this.$sourcePathOverflowBtnContainer=null,this.$sourcePathActionsBtn=null),this.sourcePaths[this.sourceKey]&&this.settings.showSourcePath){const e=this.getSourcePathActions();this.$sourcePathOuterContainer=$("",{class:"source-path"}).insertBefore(this.$elements),this.$sourcePathInnerContainer=$("",{class:"chevron-btns"}).appendTo(this.$sourcePathOuterContainer);const i=$("",{"aria-label":this.getSourcePathLabel()}).appendTo(this.$sourcePathInnerContainer),s=$("{const a=t[i];r&&i
").appendTo(n),this._buildSourcePathActionList(t).appendTo(n)}),this.$sourcePathActionsBtn.disclosureMenu(),this._updateSourcePathVisibility()}"index"===this.settings.context&&void 0!==t[t.length-1].uri&&"undefined"!=typeof history&&history.replaceState({},"",Craft.getCpUrl(t[t.length-1].uri))}const e=(this.sourcePaths[this.sourceKey]?this.sourcePaths[this.sourceKey][this.sourcePaths[this.sourceKey].length-1].key:null)||null;"index"===this.settings.context?this.setSelecetedSourceState("sourcePathStep",e):this.setInstanceState("sourcePathStep",e),this.onSourcePathChange()},getSourcePathLabel:function(){return""},getSourcePathActions:function(){return[]},getSourcePathActionLabel:function(){return""},_updateSourcePathVisibility:function(){const t=this.sourcePath[0],e=this.sourcePath[this.sourcePath.length-1];this.$sourcePathOverflowBtnContainer&&(this.$sourcePathOverflowBtnContainer.addClass("hidden"),t.$li.addClass("first-step"));for(const t of this.sourcePath)t.$overflowLi&&t.$overflowLi.addClass("hidden"),t.$li.removeClass("hidden");e.$label.css("width",""),e.$btn.removeAttr("title");let i=this._checkSourcePathOverage();if(i){if(this.$sourcePathOverflowBtnContainer){this.$sourcePathOverflowBtnContainer.removeClass("hidden"),t.$li.removeClass("first-step");for(let t=0;t");return t.forEach(t=>{const i=$("",{href:"#",type:"button",role:"button","aria-label":t.label,text:t.label}).on("click",e=>{e.preventDefault(),this.$sourcePathActionsBtn.data("trigger").hide(),t.onSelect&&t.onSelect()});t.destructive&&i.addClass("error"),$("").append(i).appendTo(e)}),e},onSourcePathChange:function(){this.settings.onSourcePathChange(),this.trigger("sourcePathChange")},selectSourcePathStep:function(t){this.sourcePath=this.sourcePath.slice(0,t+1),this.sourcePath[t].$btn.focus(),this.clearSearch(!1),this.updateElements()},startSearching:function(){this.$clearSearchBtn.removeClass("hidden"),this.searching=!0,this.sortByScore=!0},clearSearch:function(t){this.searching&&(this.$search.val(""),this.searchTimeout&&clearTimeout(this.searchTimeout),"index"===this.settings.context&&Craft.setQueryParam("search",null),this.stopSearching(),t?this.updateElementsIfSearchTextChanged():this.searchText=null)},stopSearching:function(){this.$clearSearchBtn.addClass("hidden"),this.searching=!1,this.sortByScore=!1},setInstanceState:function(t,e){"object"==typeof t?$.extend(this.instanceState,t):this.instanceState[t]=e,this.storeInstanceState()},storeInstanceState:function(){this.settings.storageKey&&Craft.setLocalStorage(this.settings.storageKey,this.instanceState)},getSourceState:function(t,e,i){if(!t)return null;if(void 0===this.sourceStates[t]){const s=t.lastIndexOf("/");if(-1!==s)return this.getSourceState(t.substring(0,s),e,i)}const s=this.sourceStates[t]||{};return void 0===e?Object.assign({},s):void 0!==s[e]?s[e]:void 0!==i?i:null},getSelectedSourceState:function(t,e){return this.getSourceState(this.instanceState.selectedSource,t,e)},setSelecetedSourceState:function(t,e){var i=this.getSelectedSourceState();if(null==i&&(i=[]),"object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&(null!==t[e]?i[e]=t[e]:delete i[e]);else null!==e?i[t]=e:delete i[t];let s="*";null!=this.instanceState.selectedSource&&(s=this.instanceState.selectedSource);const n=this.sourceStates;n[s]=i,this.sourceStates=n},storeSortAttributeAndDirection:function(){},setPage:function(t){if(!this.isAdministrative)return;t=Math.max(t,1),this.page=t;const e=Craft.getPageUrl(this.page);history.replaceState({},"",e)},_resetCount:function(){this.resultSet=null,this.totalResults=null,this.totalUnfilteredResults=null},updateSourceMenu:function(){if(!this.$sourceActionsContainer.length)return;this.$sourceActionsBtn&&(this.$sourceActionsBtn.data("trigger").destroy(),this.$sourceActionsContainer.empty(),$(`#${this.namespaceId("source-actions-menu")}`).remove(),this.$sourceActionsBtn=null);const t=this.getSourceActions();if(!t.length)return;const e=[t.filter(t=>!t.destructive&&!t.administrative),t.filter(t=>t.destructive&&!t.administrative),t.filter(t=>t.administrative)].filter(t=>t.length);this.$sourceActionsBtn=$("",{type:"button",class:"btn action-btn hairline",title:Craft.t("app","Source settings"),"aria-label":Craft.t("app","Source settings"),"aria-controls":"source-actions-menu"}).appendTo(this.$sourceActionsContainer);const i=$("",{id:"source-actions-menu",class:"menu menu--disclosure"}).appendTo(this.$sourceActionsContainer);e.forEach((t,e)=>{0!==e&&$("
").appendTo(i),this._buildActionList(t).appendTo(i)}),this.$sourceActionsBtn.disclosureMenu()},_buildActionList:function(t){const e=$("{this.setIndexAvailable()}),this.criteriaHasChanged()&&!this.sourceHasChanged()){const t=this.getItemLabel(),e=this.getItemsLabel();this._countResults().then(i=>{let s;if(this.paginated){const n=this.getFirstItemNumber(i);s=Craft.t("app","Showing {first, number}-{last, number} of {total, number} {total, plural, =1{{item}} other{{items}}}",{first:n,last:this.getLastItemNumber(n,i),total:i,item:t,items:e})}else s=Craft.t("app","Showing {total, number} {total, plural, =1{{item}} other{{items}}}",{total:i,item:t,items:e});this.updateLiveRegion(s)})}else this.updateLiveRegion(this.getSortMessage());e()}).catch(t=>{axios.isCancel(t)||(this.setIndexAvailable(),Craft.cp.displayError(t?.response?.data?.message)),i(t)})):i("The element index isn’t initialized yet.")})},criteriaHasChanged:function(){return!!this._previousViewParams&&!Craft.compare(this._viewParams.criteria,this._previousViewParams.criteria)},sourceHasChanged:function(){return!!this._previousViewParams&&this._viewParams.source!==this._previousViewParams.source},sortHasChanged:function(){return!!this._previousViewParams&&(this._viewParams.viewState.order!==this._previousViewParams.viewState.order||this._viewParams.viewState.sort!==this._previousViewParams.viewState.sort)},updateElementsIfSearchTextChanged:function(){this.searchText!==(this.searchText=this.searching?this.$search.val():null)&&("index"===this.settings.context&&Craft.setQueryParam("search",this.$search.val()),this.updateElements())},getSortMessage:function(){const t=this.getSelectedSortAttribute(),e="asc"===this.getSelectedSortDirection()?Craft.t("app","Ascending"):Craft.t("app","Descending"),i=this.getSortLabel(t);if(t||e||i)return Craft.t("app","{name} sorted by {attribute}, {direction}",{name:this.getSourceLabel(),attribute:i,direction:e})},updateLiveRegion:function(t){t&&(this.$srStatusContainer.empty().text(t),setTimeout(()=>{const e=this.$srStatusContainer.text();t===e&&this.$srStatusContainer.empty()},5e3))},showActionTriggers:function(){this.showingActionTriggers||(this._$triggers?this._$triggers.appendTo(this.$actionsContainer):this._createTriggers(),this.$actionsContainer.removeClass("hidden"),this.showingActionTriggers=!0,this.updatePasteButton())},submitAction:async function(t,e,i){var s=this.view.getSelectedElementIds();if(0===s.length)return!1;if("string"==typeof t&&(t=this._findAction(t)),t.confirm&&!confirm(t.confirm))return!1;i&&await i(),this._cancelRequests();var n=this.getViewParams();e=e?Craft.expandPostArray(e):{};var a=$.extend(n,t.settings||{},e,{elementAction:t.type,elementIds:s});if(this.setIndexBusy(),this._autoSelectElements=s,t.download){Craft.csrfTokenName&&(a[Craft.csrfTokenName]=Craft.csrfTokenValue);try{await Craft.downloadFromUrl("POST",Craft.getActionUrl(this.settings.submitActionsAction),a)}finally{this.setIndexAvailable()}}else try{const e=await Craft.sendActionRequest("POST",this.settings.submitActionsAction,{data:a,cancelToken:this._createCancelToken()});this._resetCount(),this._updateView(n,e.data),Craft.Preview.refresh(),void 0!==e.data.badgeCounts&&this._updateBadgeCounts(e.data.badgeCounts),e.data.message&&Craft.cp.displaySuccess(e.data.message),this.afterAction(t,a)}catch(t){Craft.cp.displayError(t?.response?.data?.message)}finally{this.setIndexAvailable()}},_findAction:function(t){for(var e=0;e1){this.$viewModeBtnContainer=$('').attr("aria-label",Craft.t("app","View")).insertAfter(this.$searchContainer);for(var s=0;s",{type:"button",class:"btn"+(void 0!==t.className?` ${t.className}`:""),"data-view":t.mode,"data-icon":t.icon,"aria-label":t.title,"aria-pressed":"false",title:t.title}).appendTo(this.$viewModeBtnContainer);this.viewModeBtns[t.mode]=e,this.addListener(e,"click",{mode:t.mode},function(t){this.selectViewMode(t.data.mode),this.updateElements()})}}let n=this.getSelectedSourceState("mode",this.defaultViewMode);if("table"===n&&"structure"===this.getSourceState(e.data("key"),"order")&&(n="structure"),n&&this.doesSourceHaveViewMode(n)||(this.viewMode&&this.doesSourceHaveViewMode(this.viewMode)?n=this.viewMode:this.sourceViewModes&&this.sourceViewModes.length&&(n=this.sourceViewModes[0].mode)),this.selectViewMode(n),this.updateSourceMenu(),this.updateViewMenu(),!this.filterHudExists()&&this.$source.data("default-filter")?this.createFilterHud({showOnInit:!1,conditionConfig:this.$source.data("default-filter")}):this.updateFilterBtn(),this.onSelectSource(),this.sourcePath=this.sourcePaths[this.sourceKey]||this.$source.data("default-source-path"),"index"===this.settings.context){const t=Craft.getQueryParams();t.source=this.sourceKey,Craft.setUrl(Craft.getUrl(Craft.path,t))}return this.updatePasteButton(),!0},asyncSelectSource:async function(t){return await this.ensureSourceAttributeInfo(t),this.selectSource(t)},selectSourceByKey:function(t){const e=this.getSourceByKey(t);return!!e&&this.selectSource(e)},asyncSelectSourceByKey:async function(t){const e=this.getSourceByKey(t);return!!e&&this.asyncSelectSource(e)},getSourceData(t,e){if(t||=this.$source,!t)return;const i=t.data(e);if(void 0===i){const i=this.getParentSource(t);if(i)return this.getSourceData(i,e)}return i},getSortOptions:function(t){const e=[...this.getSourceData(t,"sort-opts")||[]];return e.length||e.push({label:Craft.t("app","Title"),attr:"title",defaultDir:"asc"}),e},getSortOption:function(t,e){return"sortOrder"===t?this.settings.sortable?{label:Craft.t("app","Custom"),attribute:"sortOrder",defaultDir:"asc"}:null:this.getSortOptions(e).find(e=>e.attr===t)||null},getDefaultSort:function(t){let e=this.getSourceData(t,"default-sort");if(e){"string"==typeof e&&(e=[e]);const i=this.getSortOption(e[0],t);if(i)return e[1]||(e[1]=i.defaultDir),e}if(this.settings.sortable)return["sortOrder","asc"];const i=this.getSortOptions(t);return[i[0].attr,i[0].defaultDir]},getTableColumnOptions:function(t){return this.getSourceData(t,"table-col-opts")||[]},getTableColumnOption:function(t,e){return this.getTableColumnOptions(e).find(e=>e.attr===t)||null},getDefaultTableColumns:function(t){return this.getSourceData(t,"default-table-cols")||[]},getSelectedTableColumns:function(t){if(t||=this.$source,t){const e=this.getSourceState(t.data("key"),"tableColumns");if(e)return e.filter(e=>!!this.getTableColumnOption(e,t))}return this.getDefaultTableColumns(t)},setSelectedTableColumns:function(t){this.setSelecetedSourceState({tableColumns:t}),this.activeViewMenu&&this.activeViewMenu.updateTableColumnField()},getViewModesForSource:function(){let t=this.$source.data("viewModes");return!!t&&(Garnish.isMobileBrowser(!0)&&(t=t.filter(t=>t.availableOnMobile??!0)),Garnish.hasAttr(this.$source,"data-has-structure")||(t=t.filter(t=>!t.structuresOnly)),this.settings.allowedViewModes?t.filter(t=>this.settings.allowedViewModes.includes(t.mode)):t)},doesSourceHaveViewMode:function(t){if(!this.sourceViewModes)return!1;for(var e=0;e",{id:this.namespaceId("action-buttons")}).appendTo($(`#${this.namespaceId("header")}`))),t},setIndexBusy:function(t=!0){this.$elements.addClass("busy"),t&&this.$updateSpinner.appendTo(this.$elements),this.isIndexBusy=!0,document.activeElement&&this.$elements[0].contains(document.activeElement)&&(this._activeElement=document.activeElement,document.activeElement.blur()),this.updateLiveRegion(Craft.t("app","Loading"))},setIndexAvailable:function(){this.hideIndexLoadingStyles(),this.isIndexBusy=!1,this._activeElement&&(document.activeElement&&document.activeElement!==document.body||(document.body.contains(this._activeElement)?this._activeElement.focus():this._activeElement.id&&$(`#${this._activeElement.id}`).focus()),this._activeElement=null)},hideIndexLoadingStyles:function(){this.$elements.removeClass("busy"),this.$updateSpinner.remove()},createCustomizeSourcesModal:function(){var t=new Craft.CustomizeSourcesModal(this,{hideOnEsc:!1,hideOnShadeClick:!1,onFadeOut:function(){t.destroy()}});return t},disable:function(){this.sourceNav&&this.sourceNav.disable(),this.view&&this.view.disable(),this.base()},enable:function(){this.sourceNav&&this.sourceNav.enable(),this.view&&this.view.enable(),this.base()},onAfterInit:function(){this.settings.onAfterInit(),this.trigger("afterInit")},onSelectSource:function(){this.settings.onSelectSource(this.sourceKey),this.trigger("selectSource",{sourceKey:this.sourceKey})},onSelectSite:function(){this.settings.onSelectSite(this.siteId),this.trigger("selectSite",{siteId:this.siteId})},onBeforeUpdateElements:function(){this.settings.onBeforeUpdateElements(),this.trigger("beforeUpdateElements")},onUpdateElements:function(){this.settings.onUpdateElements(),this.trigger("updateElements")},onCountResults:function(){this.settings.onCountResults(this.totalResults,this.totalUnfilteredResults),this.trigger("countResults",{total:this.totalResults,totalUnfiltered:this.totalUnfilteredResults})},onSelectionChange:function(){this.settings.onSelectionChange(),this.trigger("selectionChange")},onEnableElements:function(t){this.settings.onEnableElements(t),this.trigger("enableElements",{elements:t})},onDisableElements:function(t){this.settings.onDisableElements(t),this.trigger("disableElements",{elements:t})},onAfterAction:function(t,e){this.settings.onAfterAction(t,e),this.trigger("afterAction",{action:t,params:e})},_handleSourceSelectionChange:async function(){this.sourceNav.$selectedItem?await this.asyncSelectSource(this.sourceNav.$selectedItem)&&this.updateElements():this.sourceNav.selectItem(this.$visibleSources.first())},_handleActionTriggerSubmit:function(t){t.preventDefault();const e=$(t.currentTarget);e.hasClass("disabled")||e.data("custom-handler")||this._submitActionInternal(e.data("action"),e.data("trigger")&&e.data("trigger").data("trigger"),Garnish.getPostData(e))},_handleMenuActionTriggerSubmit:function(t){const e=$(t.option);e.hasClass("disabled")||e.data("custom-handler")||this._submitActionInternal(e.data("action"),e.data("trigger"))},_submitActionInternal:async function(t,e,i){const s=this.getSelectedElements();await this.submitAction(t,i,async()=>{e&&await e.settings.beforeActivate(s,this)}),e&&await e.settings.afterActivate(s,this)},_handleStatusChange:function(t){this.statusMenu.$options.removeClass("sel");var e=$(t.selectedOption).addClass("sel");this.$statusMenuBtn.html(e.html()),this.trashed=!1,this.drafts=!1,this.status=null;let i=null;Garnish.hasAttr(e,"data-trashed")?(this.trashed=!0,i="trashed"):Garnish.hasAttr(e,"data-drafts")?(this.drafts=!0,i="drafts"):this.status=i=e.data("status")||null,"index"===this.settings.context&&Craft.setQueryParam("status",i),this.initialized&&this.updateElements()},_handleSiteChange:async function(t){this.siteMenu.$options.removeClass("sel");var e=$(t.selectedOption).addClass("sel");this.$siteMenuBtn.html(e.html()),await this._setSite(e.data("site-id")),this.initialized&&this.updateElements(),this.onSelectSite()},_setSite:async function(t){let e=null===this.siteId;this.siteId=t,this.updateSourceVisibility();var i,s=this.getSourceContainer().children(".heading");for(let t=0;t ul > li .source-item:not(.hidden)").length?i.removeClass("hidden"):i.addClass("hidden");this.initialized&&"index"===this.settings.context&&Craft.cp.setSiteId(t);const n=this.initialized&&!e&&(!this.$source||!this.$source.length)&&this.$visibleSources.length;return new Promise(async t=>{n&&await this.asyncSelectSource(this.$visibleSources[0]),t()})},updateSourceVisibility:function(){this.$visibleSources=$();for(let t=0;tt==this.siteId)?(e.parent().addClass("hidden"),this.$source&&this.$source.get(0)===e.get(0)&&(this.$source=null,this.$rootSource=null,this.sourceKey=null,this.rootSourceKey=null)):(e.parent().removeClass("hidden"),this.$visibleSources=this.$visibleSources.add(e))}},_handleSelectionChange:function(){this.updateSelectAllCheckbox(),this.updateActionTriggers(),this.onSelectionChange()},_handleSourceDblClick:function(t){this._toggleSource($(t.currentTarget)),t.stopPropagation()},_handleSourceToggleClick:function(t){this._toggleSource($(t.currentTarget).prev("a")),t.stopPropagation()},_getSourcesInList:function(t,e){let i=t.find("> li:not(.heading) [data-source-item]");return e&&(i=i.add(t.find("> li.heading > ul > li [data-source-item]"))),i},_getChildSources:function(t){var e=t.siblings("ul");return this._getSourcesInList(e)},_getSourceToggle:function(t){return t.siblings(".toggle")},_toggleSource:function(t){t.parent("li").hasClass("expanded")?this._collapseSource(t):this._expandSource(t)},_expandSource:function(t){t.next(".toggle").attr({"aria-expanded":"true"}),t.parent("li").addClass("expanded");var e=this._getChildSources(t);for(let t=0;t{this.$countSpinner.addClass("hidden");const e=this.getItemLabel(),i=this.getItemsLabel();let s;if(this.paginated){const n=this.getFirstItemNumber(t),a=this.getLastItemNumber(n,t);s=Craft.t("app","{first, number}-{last, number} of {total, number} {total, plural, =1{{item}} other{{items}}}",{first:n,last:a,total:t,item:e,items:i});let r=$('').appendTo(this.$countContainer),o=Math.max(Math.ceil(t/this.settings.batchSize),1);const l=$("",{class:"flex","aria-label":Craft.t("app","{element} pagination",{element:e})}).appendTo(r);let h=$("",{type:"button",role:"button",class:"page-link prev-page"+(this.page>1?"":" disabled"),disabled:1===this.page,title:Craft.t("app","Previous Page")}).appendTo(l),d=$("",{type:"button",role:"button",class:"page-link next-page"+(this.pagethis.page?h:d;"disabled"===t.attr("disabled")&&(t=Garnish.firstFocusableElement(l)),t.focus()}$("",{class:"page-info",text:s}).appendTo(r),this.page>1&&this.addListener(h,"click",function(){this.removeListener(h,"click"),this.removeListener(d,"click"),this.prevPage=this.page,this.setPage(this.page-1),this.updateElements(!0)}),this.page{this.$countSpinner.addClass("hidden")})),this.$elements.html(e.html),await Craft.appendHeadHtml(e.headHtml),await Craft.appendBodyHtml(e.bodyHtml),this.$selectAllContainer=this.$elements.find(".selectallcontainer:first"),this.multiSelect||e.actions&&e.actions.length){if(this.$selectAllContainer.length){if(e.actions&&e.actions.length&&(this.actions=e.actions,this.actionsHeadHtml=e.actionsHeadHtml,this.actionsBodyHtml=e.actionsBodyHtml),this.settings.actions&&this.settings.actions.length){this.actions||(this.actions=[]);for(let t of this.settings.actions)t=Object.assign({},t),t.bodyHtml&&(this.actionsBodyHtml+=t.bodyHtml,delete t.bodyHtml),this.actions.push(t)}this.$selectAllCheckbox=$('').prependTo(this.$selectAllContainer).attr({role:"checkbox",tabindex:"0","aria-checked":"false","aria-label":Craft.t("app","Select all")}),this.addListener(this.$selectAllContainer,"click",function(){0===this.view.getSelectedElements().length?this.view.selectAllElements():this.view.deselectAllElements()}),this.addListener(this.$selectAllCheckbox,"keydown",function(t){t.keyCode===Garnish.SPACE_KEY&&(t.preventDefault(),$(t.currentTarget).trigger("click"))})}}else"TH"!==this.$selectAllContainer.prop("nodeName")&&(this.$selectAllContainer.siblings().length||this.$selectAllContainer.parent(".header").remove(),this.$selectAllContainer.remove());if(this.selectable){const t=this.multiSelect?"checkbox":"radio";this.$elements.find(".checkbox").attr("role",t),this.multiSelect||this.$elements.attr("role","radiogroup")}else this.$elements.removeAttr("role");this.exporters=e.exporters,this.exportersByType=Craft.index(this.exporters||[],t=>t.type),this.exporters&&this.exporters.length?this.$exportBtn.removeClass("hidden"):this.$exportBtn.addClass("hidden");const i=Object.assign({page:null,context:this.settings.context,batchSize:this.isAdministrative||"structure"===this.viewMode?this.settings.batchSize:null,params:t,selectable:this.selectable,multiSelect:this.multiSelect,canSelectElement:this.settings.canSelectElement,checkboxMode:this.selectable,waitForDoubleClicks:this.settings.waitForDoubleClicks,sortable:this.sortable,onSelectionChange:this._handleSelectionChange.bind(this),onSortChange:this.settings.onSortChange},this.getViewSettings(),this.settings.viewSettings());this.view&&(this.view.destroy(),delete this.view),this.view=this.createView(this.viewMode,i),this._autoSelectElements&&(this.selectable&&this.selectElementsById(this._autoSelectElements),this._autoSelectElements=null),"index"===this.settings.context&&this._addSourceNameToDocumentTitle(),this.onUpdateElements()},_addSourceNameToDocumentTitle:function(){const t=()=>{const t=this.settings.elementTypePluralName;return document.title.split(" - ")[1]===t},e=document.title.split(" - ");this.getSourceLabel()&&(this.settings.elementTypePluralName,t()?e[0]=this.getSourceLabel():e.unshift(this.getSourceLabel())),document.querySelector("title").textContent=e.join(" - ")},_addPaginationContextToDocumentTitle:function(t){const e=document.title.split(" - ");e[0]===this.getSourceLabel()&&(e[0]=`${e[0]}, ${t}`,document.querySelector("title").textContent=e.join(" - "))},_updateBadgeCounts:function(t){for(const e in t)if(t.hasOwnProperty(e)){const i=this.getSourceByKey(e);if(i){let s=i.children(".badge");null!==t[e]?(s.length||(s=$('').appendTo(i)),s.text(t[e])):s&&s.remove()}}},_countResults:function(){return new Promise((t,e)=>{if(null!==this.totalResults)t(this.totalResults,this.totalUnfilteredResults),this.onCountResults();else{var i=this.getViewParams();delete i.baseCriteria.offset,delete i.baseCriteria.limit,null===this.resultSet&&(this.resultSet=Math.floor(1e8*Math.random())),i.resultSet=this.resultSet,Craft.sendActionRequest("POST",this.settings.countElementsAction,{data:i,cancelToken:this._createCancelToken()}).then(i=>{i.data.resultSet==this.resultSet?(this.totalResults=i.data.total,this.totalUnfilteredResults=i.data.unfilteredTotal,t(this.totalResults,this.totalUnfilteredResults),this.onCountResults()):e()}).catch(e)}})},_createTriggers:async function(){this.triggers=[],this._$triggers=$();const t=[],e=[];for(let i=0;i",{id:`${this.namespaceId(s.triggerId)}`}).append(s.trigger);t.find(".btn").addClass("secondary"),s.settings||(s.settings={}),$.extend(s.settings,Craft.expandPostArray(Garnish.getPostData(t))),t.find("[name]").removeAttr("name");const e=`element-action-form-${Math.floor(1e6*Math.random())}`,i=$("",{id:e,method:"post",action:"",class:"hidden",data:{action:s}}).appendTo(Garnish.$bod);t.find("button[type=submit],input[type=submit],.formsubmit").addClass("formsubmit").attr("data-form",e),i.data("trigger",t),this.addListener(i,"submit","_handleActionTriggerSubmit"),this._$triggers=this._$triggers.add(t)}else s.destructive?e.push(s):t.push(s)}if(t.length||e.length){const i=$("");this.$actionMenuBtn=$("",{type:"button",class:"btn secondary menubtn","data-icon":"settings",title:Craft.t("app","Actions")}).appendTo(i);const s=$('').appendTo(i),n=this._createMenuTriggerList(t,!1),a=this._createMenuTriggerList(e,!0);n&&n.appendTo(s),n&&a&&$("
").appendTo(s),a&&a.appendTo(s),this._$triggers=this._$triggers.add(i)}this._$triggers.appendTo(this.$actionsContainer),this.isAdministrative&&(Craft.currentElementIndex=this),await Craft.appendHeadHtml(this.actionsHeadHtml),await Craft.appendBodyHtml(this.actionsBodyHtml),Craft.initUiElements(this._$triggers),this.$actionMenuBtn&&this.$actionMenuBtn.data("menubtn").on("optionSelect",this._handleMenuActionTriggerSubmit.bind(this))},_showExportHud:function(){this.$exportBtn.addClass("active"),this.$exportBtn.attr("aria-expanded","true");for(var t=$("",{class:"export-form"}),e=[],i=0;i{let t=a.val();this.exportersByType[t].formattable?n.removeClass("hidden"):n.addClass("hidden")}),a.trigger("change");var r=this.view.getSelectedElementIds();if(!r.length)var o=Craft.ui.createTextField({label:Craft.t("app","Limit"),placeholder:Craft.t("app","No limit"),type:"number",min:1}).appendTo(t);const l=Craft.ui.createSubmitButton({class:"fullwidth",label:Craft.t("app","Export"),spinner:!0}).appendTo(t),h=new Garnish.MultiFunctionBtn(l);new Garnish.HUD(this.$exportBtn,t).on("hide",()=>{this.$exportBtn.removeClass("active"),this.$exportBtn.attr("aria-expanded","false")});var d=!1;this.addListener(t,"submit",function(t){if(t.preventDefault(),!d){d=!0,h.busyEvent();var e=this.getViewParams();if(delete e.baseCriteria.offset,delete e.baseCriteria.limit,delete e.criteria.offset,delete e.criteria.limit,delete e.collapsedElementIds,e.type=s.find("select").val(),e.format=n.find("select").val(),r.length)e.criteria.id=r;else{var i=parseInt(o.find("input").val());i&&!isNaN(i)?e.criteria.limit=i:delete e.criteria.limit}Craft.csrfTokenValue&&(e[Craft.csrfTokenName]=Craft.csrfTokenValue),Craft.downloadFromUrl("POST",Craft.getActionUrl("element-indexes/export"),e).catch(t=>{axios.isCancel(t)||Craft.cp.displayError(t?.response?.data?.message)}).finally(()=>{d=!1,h.successEvent()})}})},_createMenuTriggerList:function(t,e){if(t&&t.length){const i=$("",{type:"button",class:"btn menubtn hidden",text:Craft.t("app","View"),"aria-label":Craft.t("app","View settings"),"aria-controls":this.id,"data-icon":"sliders"}).appendTo(this.elementIndex.$toolbar),this.$container=$("",{id:this.id,class:"menu menu--disclosure element-index-view-menu","data-align":"right"}).appendTo(Garnish.$bod),this._buildMenu(),this.addListener(this.$container,"mousedown",t=>{t.stopPropagation()}),this.menu=new Garnish.DisclosureMenu(this.$trigger),this.menu.on("show",()=>{this.$trigger.addClass("active"),this.updateSortField()}),this.menu.on("hide",()=>{this.$trigger.removeClass("active"),setTimeout(()=>{this.tidyTableColumnField()},Garnish.FX_DURATION)})},updateMenuContent:function(){this.updateSortField(),this.updateTableFieldVisibility()},menuHasContent:function(){return this.updateMenuContent(),this.$sortField&&!this.$sortField.hasClass("hidden")||this.$tableColumnsField&&!this.$tableColumnsField.hasClass("hidden")},showTrigger:function(){this.$trigger.removeClass("hidden")},hideTrigger:function(){this.$trigger.data("trigger").hide(),this.$trigger.addClass("hidden"),this.menu.hide()},enableTrigger:function(){this.$trigger.removeClass("disabled"),this.$trigger.attr("aria-disabled",!1)},disableTrigger:function(){this.$trigger.data("trigger").hide(),this.$trigger.addClass("disabled"),this.$trigger.attr("aria-disabled",!0),this.menu.hide()},updateTableFieldVisibility:function(){["table","structure"].includes(this.elementIndex.viewMode)&&!Garnish.isMobileBrowser(!0)?(this.$tableColumnsContainer&&this.$tableColumnsContainer.closest(".table-columns-field").removeClass("hidden"),this.$revertBtn&&this.$revertBtn.removeClass("hidden")):this.$tableColumnsContainer&&this.$tableColumnsContainer.closest(".table-columns-field").addClass("hidden")},updateSortField:function(){this.$sortField&&("structure"===this.elementIndex.viewMode?(this.$sortField.addClass("hidden"),this.$tableColumnsField&&this.$tableColumnsField.addClass("first-child")):(this.$sortField.removeClass("hidden"),this.$tableColumnsField&&this.$tableColumnsField.removeClass("first-child")));let[t,e]=this.elementIndex.getSortAttributeAndDirection();const i=this.$sortAttributeSelect.children('option[value="score"]');this.elementIndex.searching?i.length||this.$sortAttributeSelect.prepend($("",{value:"score",text:Craft.t("app","Score")})):i.length&&i.remove(),this.$sortAttributeSelect.val(t),this.sortDirectionListbox.select("asc"===e?0:1),["score","sortOrder"].includes(t)?(this.sortDirectionListbox.disable(),this.$sortDirectionPicker.addClass("disabled")):(this.sortDirectionListbox.enable(),this.$sortDirectionPicker.removeClass("disabled"))},updateTableColumnField:function(){if(!this.$tableColumnsContainer)return;const t=this.elementIndex.getSelectedTableColumns();let e,i;t.forEach(t=>{const s=this.$tableColumnsContainer.find(`input[value="${t}"]`);s.prop("checked")||s.prop("checked",!0).trigger("change");const n=s.parent();e&&n.index()t.attr).reduce((t,e,i)=>({...t,[e]:i}),{});this.$tableColumnsContainer.children().sort((e,i)=>{const s=$(e).children('input[type="checkbox"]')[0],n=$(i).children('input[type="checkbox"]')[0];return s.checked&&n.checked?0:s.checked||n.checked?s.checked?-1:1:t[s.value](t[e.attr.startsWith("field:")||e.attr.startsWith("fieldInstance:")?1:0].options.push(e),t),[{label:Craft.t("app","Attributes"),options:[]},{label:Craft.t("app","Fields"),options:[]}]).filter(t=>t.options.length).map(t=>[{optgroup:t.label},...t.options.map(t=>({label:t.label,value:t.attr}))]).flat();this.elementIndex.settings.sortable&&e.unshift({label:Craft.t("app","Custom"),value:"sortOrder"});const i=Craft.ui.createSelect({options:e}).addClass("fullwidth").appendTo($('').appendTo(t));this.$sortAttributeSelect=i.children("select").attr({"aria-label":Craft.t("app","Sort attribute")}),this.$sortDirectionPicker=$("",{class:"btngroup btngroup--exclusive","aria-label":Craft.t("app","Sort direction")}).append($("",{type:"button",class:"btn",title:Craft.t("app","Sort ascending"),"aria-label":Craft.t("app","Sort ascending"),"aria-pressed":"false","data-icon":"asc","data-dir":"asc"})).append($("",{type:"button",class:"btn",title:Craft.t("app","Sort descending"),"aria-label":Craft.t("app","Sort descending"),"aria-pressed":"false","data-icon":"desc","data-dir":"desc"})).appendTo(t),this.sortDirectionListbox=new Craft.Listbox(this.$sortDirectionPicker,{onChange:t=>{t.data("dir")!==this.elementIndex.getSelectedSortDirection()&&(this.elementIndex.setSelectedSortAttribute(this.$sortAttributeSelect.val(),t.data("dir")),this.elementIndex.sortByScore||this.elementIndex.selectViewMode(this.elementIndex.viewMode),this.elementIndex.updateElements(),this._createRevertBtn())}}),this.$sortAttributeSelect.on("change",()=>{this.elementIndex.setSelectedSortAttribute(this.$sortAttributeSelect.val(),null,!1),this.elementIndex.selectViewMode(this.elementIndex.viewMode),this.elementIndex.updateElements(),this.updateSortField(),this._createRevertBtn()});const s=Craft.ui.createField(t,{label:Craft.t("app","Sort by"),fieldset:!0});return s.addClass("sort-field"),s},_getTableColumnCheckboxes:function(){return this.$tableColumnsContainer?this.$tableColumnsContainer.find('input[type="checkbox"]'):$()},_createTableColumnsField:function(){const t=this.elementIndex.getTableColumnOptions(this.$source).sort((t,e)=>t.label===e.label?0:t.label({label:t.label,value:t.attr}))}),this.updateTableColumnField(),this.tidyTableColumnField(),this.$tableColumnsContainer.data("sortableCheckboxSelect").on("sortChange",()=>{this._onTableColumnChange()}),this._getTableColumnCheckboxes().on("change",t=>{this._onTableColumnChange()});const e=Craft.ui.createField(this.$tableColumnsContainer,{label:Craft.t("app","Table Columns"),fieldset:!0});return e.addClass("table-columns-field"),"table"!==this.elementIndex.viewMode&&"structure"!==this.elementIndex.viewMode&&e.addClass("hidden"),e},_onTableColumnChange:function(){const t=[],e=this._getTableColumnCheckboxes().filter(":checked");for(let i=0;i{this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout(this.searchForTags.bind(this),500)}),this.addListener(this.$addTagInput,"keydown",function(t){switch(t.keyCode===Garnish.RETURN_KEY&&t.preventDefault(),t.keyCode){case Garnish.RETURN_KEY:return t.preventDefault(),void(this.searchMenu&&this.selectTag(this.searchMenu.$options.filter(".hover")));case Garnish.DOWN_KEY:if(t.preventDefault(),this.searchMenu){let t=this.searchMenu.$options.filter(".hover");if(t.length){let e=t.parent().nextAll().find(".menu-item:not(.disabled)").first();e.length&&this.focusOption(e)}else this.focusOption(this.searchMenu.$options.eq(0))}return;case Garnish.UP_KEY:if(t.preventDefault(),this.searchMenu){let t=this.searchMenu.$options.filter(".hover");if(t.length){let e=t.parent().prevAll().find(".menu-item:not(.disabled)").last();e.length&&this.focusOption(e)}else this.focusOption(this.searchMenu.$options.eq(this.searchMenu.$options.length-1))}return}}),this.addListener(this.$addTagInput,"focus",function(){this.searchMenu&&this.searchMenu.show()}),this.addListener(this.$addTagInput,"blur",function(){this._ignoreBlur?this._ignoreBlur=!1:setTimeout(()=>{this.searchMenu&&this.searchMenu.hide()},1)})},get fieldName(){const t=this.$container.closest("fieldset").find("legend");return 0==t.length?null:t[0].innerText},focusOption:function(t){this.searchMenu.$options.removeClass("hover"),this.searchMenu.$ariaOptions.attr("aria-selected","false"),t.parent("li").attr("id"),t.addClass("hover"),this.$addTagInput.attr("aria-activedescendant",t.parent("li").attr("id"))},getAddElementsBtn:function(){return[]},getElementSortAxis:function(){return 1==this.$container.parents(".inline-editing").length?"y":"x"},searchForTags:function(){if(this.searchMenu&&this.killSearchMenu(),this.$addTagInput.val()){this.$spinner.removeClass("hidden"),Craft.cp.announce(Craft.t("app","Loading"));for(var t=[],e=0;e{this.searchMenu&&this.killSearchMenu(),this.$spinner.addClass("hidden"),Craft.cp.announce(Craft.t("app","Loading complete"));let e=this.fieldName,i=$('');null!==e&&i.attr("aria-label",e),i.appendTo(Garnish.$bod);let n,a,r=$("{this.$chip?.length&&!["A","BUTTON"].includes(t.target.nodeName)&&(this.switchToTextInput(),this.$textInput.focus())})},hasPrefix:function(t){t=t.toLowerCase();for(const e of this.settings.prefixes)if(Craft.startsWith(t,e,!0))return!0;return!1},ensurePrefix:function(t){return this.settings.prefixes.length&&!this.hasPrefix(t)?this.settings.prefixes[0]+t:t},removePrefix:function(t){for(const e of this.settings.prefixes)t=Craft.removeLeft(t,e,!0);return t},removeFirstPrefix:function(t){return this.settings.prefixes.length?Craft.removeLeft(t,this.settings.prefixes[0],!0):t},createChip:function(t){let e=this.removePrefix(t);e.match(/^[^\/]+\/$/)&&(e=Craft.removeRight(e,"/"));const i=`menu-${Math.floor(1e6*Math.random())}`;this.reset(),this.$chip=$(`\n{Garnish.$bod.addClass("dragging"),this.itemDrag.$draggee.closest("tr,li").addClass("draggee")},onDragStop:async()=>{Garnish.$bod.removeClass("dragging");const t=this.itemDrag.$draggee,e=this._targetFolderId(this.itemDrag.$activeDropTarget);if(!e)return t.closest("tr,li").removeClass("draggee"),void this.itemDrag.returnHelpersToDraggees();this.itemDrag.fadeOutHelpers();const i=t.filter("[data-is-folder]"),s=t.not(i),n=i.toArray().map(t=>parseInt($(t).data("folder-id"))),a=s.toArray().map(t=>parseInt($(t).data("id"))),r=new Craft.AssetMover,o=await r.getMoveParams(n,a);if(!o.proceed)return void t.closest("tr,li").removeClass("draggee");const l=await r.moveFolders(n,e,this.currentFolderId)+await r.moveAssets(a,e,this.currentFolderId);l?(r.successNotice(o,Craft.t("app","{totalItems, plural, =1{Item} other{Items}} moved.",{totalItems:l})),Craft.elementIndex.updateElements(!0)):t.closest("tr,li").removeClass("draggee")}}),this.addListener(Garnish.$win,"resize,scroll","_positionProgressBar")):(this.addListener(this.$main,"scroll","_positionProgressBar"),this.settings.modal&&this.settings.modal.on("updateSizeAndPosition",this._positionProgressBar.bind(this))),this.addListener(this.$elements,"keydown",this._onKeyDown.bind(this))},_findDraggableItems:function(t){return $(t.toArray().map(t=>$(t).find(".element:first")[0]).filter(t=>t&&Garnish.hasAttr(t,"data-movable")))},_targetFolderId:function(t){if(!t||!t.length)return!1;if(t.is(this.$visibleSources))return t.data("folder-id");for(let e=0;e li").find(".element:first");Garnish.hasAttr(t,"data-is-folder")&&t.find("a").trigger("activate")}}),this.base()},initForFiles:function(){this.promptHandler=new Craft.PromptHandler,this.progressBar=new Craft.ProgressBar(this.$main,!1)},createUploadInputs:function(){this.$uploadButton?.remove(),this.$uploadInput?.remove(),this.$uploadButton=$("",{type:"button",class:"btn submit","data-icon":"upload",style:"position: relative; overflow: hidden;","aria-label":Craft.t("app","Upload files"),text:Craft.t("app","Upload files")}),this.addButton(this.$uploadButton),this.$uploadInput=$('').hide().insertBefore(this.$uploadButton),this.$uploadButton.on("click",()=>{this.$uploadButton.hasClass("disabled")||this.isIndexBusy||this.$uploadButton.parent().find("input[name=assets-upload]").trigger("click")})},onSelectSource:function(){if(!this.settings.foldersOnly){this.currentFolderId=this.currentFolderId||this.$source.data("folder-id");const t=this.$source.data("fs-type");if(this.createUploadInputs(),this.currentFolderId&&Garnish.hasAttr(this.$source,"data-can-upload")){this.uploader?.destroy(),this.$uploadButton.removeClass("disabled");const e={fileInput:this.$uploadInput,dropZone:this.$container,events:{fileuploadstart:this._onUploadStart.bind(this),fileuploadprogressall:this._onUploadProgress.bind(this),fileuploaddone:this._onUploadSuccess.bind(this),fileuploadalways:this._onUploadAlways.bind(this),fileuploadfail:this._onUploadFailure.bind(this)}};this.settings?.criteria?.kind&&(e.allowedKinds=this.settings.criteria.kind),this._currentUploaderSettings=e,this.uploader=Craft.createUploader(t,this.$uploadButton,e),this.uploader.setParams({folderId:this.currentFolderId})}else this.$uploadButton.addClass("disabled")}this.base()},onSourcePathChange:function(){const t=this.sourcePath.length?this.sourcePath[this.sourcePath.length-1]:null;if(this.currentFolderId=t?.folderId,!this.settings.foldersOnly&&this.currentFolderId){this.uploader?.setParams({folderId:this.currentFolderId});const e="index"===this.context&&!!t.canMoveSubItems;this.settings.selectable=this.settings.selectable||e,this.settings.multiSelect=this.settings.multiSelect||e}this.base()},startSearching:function(){if(!this.settings.hideSidebar&&this.sourcePath.length&&this.sourcePath[this.sourcePath.length-1].hasChildren){if(null===this.$includeSubfoldersContainer){var t="includeSubfolders-"+Math.floor(1e9*Math.random());this.$includeSubfoldersContainer=$('').insertAfter(this.$search);var e=$('').appendTo(this.$includeSubfoldersContainer);this.$includeSubfoldersCheckbox=$('').appendTo(e),$('').text(" "+Craft.t("app","Search in subfolders")).appendTo(e),this.addListener(this.$includeSubfoldersCheckbox,"change",function(){this.setSelecetedSourceState("includeSubfolders",this.$includeSubfoldersCheckbox.prop("checked")),this.updateElements()})}else this.$includeSubfoldersContainer.velocity("stop").removeClass("hidden");let i;null!==this._includeSubfolders?(i=this._includeSubfolders,this._includeSubfolders=null):i=this.getSelectedSourceState("includeSubfolders",!1),this.$includeSubfoldersCheckbox.prop("checked",i),this.$includeSubfoldersContainer.velocity({marginBottom:0,opacity:1},"fast"),this.showingIncludeSubfoldersCheckbox=!0}this.base()},stopSearching:function(){this.showingIncludeSubfoldersCheckbox&&(this.$includeSubfoldersContainer.velocity("stop"),this.$includeSubfoldersContainer.velocity({marginBottom:-25,opacity:0},{duration:"fast",complete:()=>{this.$includeSubfoldersContainer.addClass("hidden")}}),this.showingIncludeSubfoldersCheckbox=!1),this.base()},getViewSettings:function(){const t={};return"index"===this.settings.context&&(t.canSelectElement=()=>!0),t},getViewParams:function(){const t=Object.assign(this.base(),{showFolders:this.settings.showFolders&&!this.trashed,foldersOnly:this.settings.foldersOnly});return this.showingIncludeSubfoldersCheckbox&&this.$includeSubfoldersCheckbox.prop("checked")&&(t.criteria.includeSubfolders=!0),t},_onUploadStart:function(){this.setIndexBusy(),this._positionProgressBar(),this.progressBar.resetProgressBar(),this.progressBar.showProgressBar(),this.promptHandler.resetPrompts()},_onUploadProgress:function(t,e=null){e=t instanceof CustomEvent?t.detail:e;var i=parseInt(100*Math.min(e.loaded/e.total,1),10);this.progressBar.setProgressPercentage(i)},_onUploadSuccess:function(t,e=null){const i=t instanceof CustomEvent?t.detail:e.result;this.selectElementAfterUpdate(i.assetId),i.conflict&&(i.prompt={message:Craft.t("app",i.conflict,{file:i.filename}),choices:[{value:"keepBoth",title:Craft.t("app","Keep both")},{value:"replace",title:Craft.t("app","Replace it")}],modalSettings:{hideOnEsc:!1,hideOnShadeClick:!1}},this.promptHandler.addPrompt(i)),Craft.cp.runQueue()},_onUploadAlways:function(){this.uploader.isLastUpload()&&(this.progressBar.hideProgressBar(),this.setIndexAvailable(),this.promptHandler.getPromptCount()?this.promptHandler.showBatchPrompts(this._uploadFollowup.bind(this)):this._updateAfterUpload())},_onUploadFailure:function(t,e=null){const i=t instanceof CustomEvent?t.detail:e?.jqXHR?.responseJSON;let{message:s,filename:n,errors:a}=i||{};n=n||e?.files?.[0].name;let r=a?Object.values(a).flat():[];s||(s=r.length?r.join("\n"):n?Craft.t("app","Upload failed for “{filename}”.",{filename:n}):Craft.t("app","Upload failed.")),Craft.cp.displayError(s)},_updateAfterUpload:function(){"index"!==this.settings.context&&(this.clearSearch(),this.setSelectedSortAttribute("dateCreated","desc")),this.updateElements()},_uploadFollowup:function(t){this.setIndexBusy(),this.progressBar.resetProgressBar(),this.promptHandler.resetPrompts(),this.progressBar.setItemCount(t.length);var e=(t,i,s)=>{var n={},a=null;const{replaceAction:r,deleteAction:o}=this.uploader.settings,l=()=>{i++,this.progressBar.incrementProcessedItemCount(1),this.progressBar.updateProgressBar(),i===t.length?s():e(t,i,s)},h=t=>{t.assetId&&this.selectElementAfterUpdate(t.assetId),l()};"replace"===t[i].choice?(a=r,n.sourceAssetId=t[i].assetId,t[i].conflictingAssetId?n.assetId=t[i].conflictingAssetId:n.targetFilename=t[i].filename):"cancel"===t[i].choice&&(a=o,n.assetId=t[i].assetId),a?Craft.sendActionRequest("POST",a,{data:n}).then(t=>h(t.data)).catch(({response:t})=>(t=>{Craft.cp.displayError(t.message),l()})(t.data)):h({assetId:t[i].assetId})};this.progressBar.showProgressBar(),e(t,0,()=>{this.progressBar.hideProgressBar(),this.setIndexAvailable(),this._updateAfterUpload()})},onUpdateElements:function(){this._onUpdateElements(!1,this.view.getAllElements()),this.view.on("appendElements",t=>{this._onUpdateElements(!0,t.newElements)}),this.base()},_onUpdateElements:function(t,e){this.$listedFolders=e.find(".element[data-is-folder][data-folder-name]");for(let t=0;t
").appendTo(this.$promptChoices).find("input");this.addListener(l,"click",function(){r.removeClass("disabled")})}this.addListener(r,"activate",function(t){var e=$(t.currentTarget).parents(".modal").find("input[name=promptAction]:checked").val(),i=this.$promptApplyToRemainingCheckbox.prop("checked");this._selectPromptChoice(e,i)}),this.addListener(a,"activate",function(){var t=this.$promptApplyToRemainingCheckbox.prop("checked");this._selectPromptChoice("cancel",t)}),s&&(this.$promptApplyToRemainingContainer.show(),this.$promptApplyToRemainingLabel.html(" "+Craft.t("app","Apply this to the {number} remaining conflicts?",{number:s}))),this.modal.show(),this.modal.removeListener(Garnish.Modal.$shade,"click"),this.addListener(Garnish.Modal.$shade,"click","_cancelPrompt")},_selectPromptChoice:function(t,e){this.$prompt.fadeOut("fast",()=>{this.modal.hide(),this._promptCallback(t,e)})},_cancelPrompt:function(){this._selectPromptChoice("cancel",!0)}})},3370:function(){Craft.SlideRuleInput=Garnish.Base.extend({$container:null,$options:null,$selectedOption:null,$input:null,value:null,dragging:!1,sensitivity:3,rotateIntent:!1,startPositionX:null,init:function(t,e){this.setSettings(e,Craft.SlideRuleInput.defaultSettings),this.value=0,this.graduationsMin=-70,this.graduationsMax=70,this.slideMin=-45,this.slideMax=45,this.$container=$("#"+t),this.$overlay=$('').appendTo(this.$container),this.$cursor=$('').appendTo(this.$container),this.$graduations=$('').appendTo(this.$container),this.$graduationsUl=$("
-
-
-
-
-
+
+
+
-
-
diff --git a/resources/js/modules/admin-table/helpers/createCraftColumnHelper.ts b/resources/js/modules/admin-table/helpers/createCraftColumnHelper.ts
index 0200d436f68..dd6524be566 100644
--- a/resources/js/modules/admin-table/helpers/createCraftColumnHelper.ts
+++ b/resources/js/modules/admin-table/helpers/createCraftColumnHelper.ts
@@ -11,12 +11,17 @@ import {
import type {AccessorParam} from '@/modules/admin-table/composables/useEditableTable';
import CpLink from '@/common/components/CpLink.vue';
import Date from '@/common/components/Date.vue';
+import DynamicHtmlRenderer from '@/common/components/DynamicHtmlRenderer.vue';
-type LinkColumnDef
-
-
- | - Reorder - | - -
-
-
- |
-
|---|---|
|
-
-
-
-
- |
-
- |
|
- |
-
+
+ {{ child.label }}
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/BaseElementIndex.vue b/resources/js/modules/elements/components/BaseElementIndex.vue
new file mode 100644
index 00000000000..cb2ef1f0e03
--- /dev/null
+++ b/resources/js/modules/elements/components/BaseElementIndex.vue
@@ -0,0 +1,228 @@
+
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/BulkActionsBar.vue b/resources/js/modules/elements/components/BulkActionsBar.vue
new file mode 100644
index 00000000000..2521265b88e
--- /dev/null
+++ b/resources/js/modules/elements/components/BulkActionsBar.vue
@@ -0,0 +1,224 @@
+
+
+
+
+
+
+
diff --git a/resources/js/modules/elements/components/DataTable.vue b/resources/js/modules/elements/components/DataTable.vue
new file mode 100644
index 00000000000..0bea731f9bb
--- /dev/null
+++ b/resources/js/modules/elements/components/DataTable.vue
@@ -0,0 +1,438 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ liveMessage
+ }}
+
+
+ | + Reorder + | + +
+ |
+
+
+
+ |
+
|---|---|---|
|
+
+
+
+
+ |
+
+
+ |
+ |
|
+ |
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+ ++++++ + ++ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('Close') }}
+
+ ${this.getActiveSourceName()}
`).appendTo(this.$mainHeader),this.$sidebarToggleBtn=Craft.ui.createButton({toggle:!0,controls:"modal-sidebar",class:"nav-toggle"}).removeClass("btn").attr("aria-label",Craft.t("app","Show sidebar")).appendTo(this.$mainHeader),this.$sidebar.attr("id","modal-sidebar"),this.closeSidebar(),this.addListener(this.$sidebarToggleBtn,"click",()=>{this.toggleSidebar()}),this.addListener(this.$sidebarCloseBtn,"click",()=>{this.toggleSidebar()}))},sidebarIsOpen:function(){return"true"===this.$sidebarToggleBtn.attr("aria-expanded")},toggleSidebar:function(){this.sidebarIsOpen()?this.closeSidebar():this.openSidebar()},openSidebar:function(){this.$body.addClass("has-sidebar"),this.$content.addClass("has-sidebar"),this.$sidebar.removeClass("hidden"),this.$sidebarToggleBtn.attr("aria-expanded","true"),this.$sidebar.find(":focusable").first().focus(),Garnish.uiLayerManager.addLayer(this.$sidebar),Garnish.uiLayerManager.registerShortcut(Garnish.ESC_KEY,()=>{this.closeSidebar()})},closeSidebar:function(){if(!this.$sidebarToggleBtn)return;this.sidebarIsOpen()&&Garnish.uiLayerManager.removeLayer(),this.$sidebar.addClass("hidden"),this.$sidebarToggleBtn.attr("aria-expanded","false");const t=Garnish.getFocusedElement();$.contains(this.$sidebar.get(0),t.get(0))&&this.$sidebarToggleBtn.focus(),this.$body.removeClass("has-sidebar"),this.$content.removeClass("has-sidebar")},getActiveSourceName:function(){return this.$sidebar.find(".sel").text()},onFadeIn:function(){this.elementIndex?(this.updateModalBottomPadding(),Garnish.isMobileBrowser(!0)||this.elementIndex.$search.focus()):this._createElementIndex(),this.base()},onSelectionChange:function(){this.updateSelectBtnState()},onSelectSource:function(){this.updateHeading(),this.updateModalBottomPadding()},updateHeading:function(){this.$mainHeading&&this.$mainHeading.text(this.getActiveSourceName())},updateSelectBtnState:function(){this.$selectBtn&&(this.shouldEnableSelectBtn()?this.enableSelectBtn():this.disableSelectBtn())},shouldEnableSelectBtn:function(){return this.hasSelection()},hasSelection:function(){return this.elementIndex&&this.elementIndex.getSelectedElements().length},enableSelectBtn:function(){this.$selectBtn.removeClass("disabled").attr("aria-disabled","false")},disableSelectBtn:function(){this.$selectBtn.addClass("disabled").attr("aria-disabled","true")},enableCancelBtn:function(){this.$cancelBtn.removeClass("disabled")},disableCancelBtn:function(){this.$cancelBtn.addClass("disabled")},showFooterSpinner:function(){this.$selectBtn.addClass("loading")},hideFooterSpinner:function(){this.$selectBtn.removeClass("loading")},cancel:function(){this.$cancelBtn.hasClass("disabled")||this.hide()},selectElements:function(){if(this.hasSelection()){this.elementIndex.view&&this.elementIndex.view.elementSelect&&this.elementIndex.view.elementSelect.clearMouseUpTimeout();var t=this.elementIndex.getSelectedElements(),e=this.getElementInfo(t);this.onSelect(e),this.settings.disableElementsOnSelect&&this.elementIndex.disableElements(this.elementIndex.getSelectedElements()),this.settings.hideOnSelect&&this.hide()}},getElementInfo:function(t){for(var e=[],i=0;i").appendTo(n),this._buildSourcePathActionList(t).appendTo(n)}),this.$sourcePathActionsBtn.disclosureMenu(),this._updateSourcePathVisibility()}"index"===this.settings.context&&void 0!==t[t.length-1].uri&&"undefined"!=typeof history&&history.replaceState({},"",Craft.getCpUrl(t[t.length-1].uri))}const e=(this.sourcePaths[this.sourceKey]?this.sourcePaths[this.sourceKey][this.sourcePaths[this.sourceKey].length-1].key:null)||null;"index"===this.settings.context?this.setSelecetedSourceState("sourcePathStep",e):this.setInstanceState("sourcePathStep",e),this.onSourcePathChange()},getSourcePathLabel:function(){return""},getSourcePathActions:function(){return[]},getSourcePathActionLabel:function(){return""},_updateSourcePathVisibility:function(){const t=this.sourcePath[0],e=this.sourcePath[this.sourcePath.length-1];this.$sourcePathOverflowBtnContainer&&(this.$sourcePathOverflowBtnContainer.addClass("hidden"),t.$li.addClass("first-step"));for(const t of this.sourcePath)t.$overflowLi&&t.$overflowLi.addClass("hidden"),t.$li.removeClass("hidden");e.$label.css("width",""),e.$btn.removeAttr("title");let i=this._checkSourcePathOverage();if(i){if(this.$sourcePathOverflowBtnContainer){this.$sourcePathOverflowBtnContainer.removeClass("hidden"),t.$li.removeClass("first-step");for(let t=0;t
").appendTo(i),this._buildActionList(t).appendTo(i)}),this.$sourceActionsBtn.disclosureMenu()},_buildActionList:function(t){const e=$("
").appendTo(s),a&&a.appendTo(s),this._$triggers=this._$triggers.add(i)}this._$triggers.appendTo(this.$actionsContainer),this.isAdministrative&&(Craft.currentElementIndex=this),await Craft.appendHeadHtml(this.actionsHeadHtml),await Craft.appendBodyHtml(this.actionsBodyHtml),Craft.initUiElements(this._$triggers),this.$actionMenuBtn&&this.$actionMenuBtn.data("menubtn").on("optionSelect",this._handleMenuActionTriggerSubmit.bind(this))},_showExportHud:function(){this.$exportBtn.addClass("active"),this.$exportBtn.attr("aria-expanded","true");for(var t=$("",{class:"export-form"}),e=[],i=0;i
\n
\n`).prependTo(this.$container),this.menu=this.$chip.find(".action-btn").disclosureMenu().data("disclosureMenu"),this.initChip()},createTextInput:function(t){this.reset(),this.$textInput=Craft.ui.createTextInput(this.settings.inputAttributes).attr("name",this.settings.inputName).val(t).prependTo(this.$container),this.initTextInput(),this.$textInput.trigger("input")},switchToTextInput:function(){const t=this.removeFirstPrefix(this.$hiddenInput.val());this.createTextInput(t)},initTextInput:function(){this.addListener(this.$textInput,"input",()=>{const t=this.normalize(this.$textInput.val());this.$hiddenInput.val(t),this.field.updateLabel(this.removePrefix(t))}),this.addListener(this.$textInput,"blur",()=>{this.maybeSwitchToChip()}),this.addListener(this.$textInput,"keydown",t=>{t.keyCode===Garnish.ESC_KEY&&this.maybeSwitchToChip()&&(t.stopPropagation(),this.$chip.find("a").focus())})},normalize:function(t){if(!(t=Craft.trim(t)))return"";const e=this.ensurePrefix(t);return this.validate(e)?e:t},validate:function(t){return!!(t=s.toASCII(t)).match(new RegExp(this.settings.pattern,"i"))},maybeSwitchToChip:function(){if(!this.$textInput?.length)return;const t=this.normalize(this.$textInput.val());return!(!t||!this.validate(t)||(this.createChip(t),0))},initChip:function(){const t=this.menu.addItem({label:Craft.t("app","View in a new tab"),icon:async()=>await Craft.ui.icon("share")}),e=this.menu.addItem({label:Craft.t("app","Edit"),icon:async()=>await Craft.ui.icon("pencil")}),i=this.menu.addItem({label:Craft.t("app","Copy URL"),icon:async()=>await Craft.ui.icon("link")});this.menu.addHr(),this.menu.addGroup();const s=this.menu.addItem({label:"Remove",icon:async()=>await Craft.ui.icon("xmark"),destructive:!0});this.addListener(i,"activate",()=>{Craft.ui.createCopyTextPrompt({label:"Full URL",value:this.$hiddenInput.val().replace(/ /g,"+")})}),this.addListener(t,"activate",()=>{window.open(this.$chip.find("a").attr("href"))}),this.addListener(e,"activate",()=>{this.switchToTextInput(),this.$textInput.focus()}),this.addListener(s,"activate",()=>{this.createTextInput(""),this.$textInput.focus()})},reset:function(){this.$textInput?.remove(),this.$chip?.remove(),this.menu?.destroy(),this.$textInput=this.$chip=this.menu=null}},{defaults:{prefixes:null,pattern:null,textInputAttributes:{}}})},2915:function(){Craft.AssetIndex=Craft.BaseElementIndex.extend({$includeSubfoldersContainer:null,$includeSubfoldersCheckbox:null,showingIncludeSubfoldersCheckbox:!1,$uploadButton:null,$uploadInput:null,$progressBar:null,uploader:null,promptHandler:null,progressBar:null,currentFolderId:null,$listedFolders:null,itemDrag:null,_uploadTotalFiles:0,_uploadFileProgress:{},_currentUploaderSettings:{},_includeSubfolders:null,init:function(t,e,i){if(i=Object.assign({},Craft.AssetIndex.defaults,i),this.setSettings(i,Craft.BaseElementIndex.defaults),"index"===this.settings.context){const t=Craft.getQueryParams();void 0!==t.includeSubfolders&&(this._includeSubfolders=!!parseInt(t.includeSubfolders))}this.base(t,e,this.settings),"index"===this.settings.context?(this.itemDrag=new Garnish.DragDrop({activeDropTargetClass:"sel",minMouseDist:10,hideDraggee:!1,moveHelperToCursor:!0,activeDropTargetClass:"active-drop-target",handle:t=>$(t).closest("tr,li"),filter:()=>{const t=this.itemDrag.$targetItem.closest("tr,li");return this.view.elementSelect.selectItem(t),this._findDraggableItems(this.view.getSelectedElements())},helper:(t,e)=>$('').append(t).css({opacity:Math.max(.9-.05*e,0),width:"",height:""}),dropTargets:()=>{let t=$(this.$visibleSources.toArray().filter(t=>Garnish.hasAttr(t,"data-folder-id")&&Garnish.hasAttr(t,"data-can-move-to")));if(this.sourcePath.length<=1)t=t.not(this.$source);else for(let e=0;e\n \n ${Craft.escapeHtml(e)}\n \n
\n\n \n \n
\n '+i+"
\n
\n`),s=this.$tabContainer.children(".fld-tab:last");s.length?i.insertAfter(s):i.prependTo(this.$tabContainer),this.tabGrid.addItems(i),this.tabDrag.addItems(i),this.initTab(i).updatePositionInConfig()},get config(){return this._config},set config(t){this._config=t,this.$configInput.val(JSON.stringify(t))},updateConfig:function(t){const e=t(this.config);!1!==e&&(this.config=e)},refreshSelectedFields:function(){this._$selectedFields=this.$tabContainer.find(".fld-field")},refreshLibraryFields(){this.$fields=this.$fieldGroups.children(".fld-element");for(let t=0;t\n
\n \n
\n ${e}
\n\n \n
\n\n
\n`)}}),Craft.FieldLayoutDesigner.ElementDrag=Craft.FieldLayoutDesigner.BaseDrag.extend({draggingLibraryElement:!1,draggingField:!1,draggingMultiInstanceElement:!1,originalTab:null,onDragStart:function(){this.base(),this.draggingLibraryElement=this.$draggee.hasClass("unused"),this.draggingField=this.$draggee.hasClass("fld-field"),this.draggingMultiInstanceElement=Garnish.hasAttr(this.$draggee,"data-is-multi-instance"),this.draggingLibraryElement&&this.draggingMultiInstanceElement&&this.$draggee.css({display:this.draggeeDisplay,visibility:"visible"}),this.draggingLibraryElement?this.originalTab=null:(this.originalTab=this.$draggee.closest(".fld-tab").data("fld-tab"),this.swapDraggeeWithInsertion()),this.setMidpoints()},onDrag:function(){this.isDraggeeMandatory()||this.isHoveringOverTab()?this.checkForNewClosestItem():this.showingInsertion&&(this.$insertion.remove(),this.$items=$().add(this.$items.not(this.$insertion)),this.showingInsertion=!1,this.setMidpoints()),this.base()},isDraggeeMandatory:function(){return Garnish.hasAttr(this.$draggee,"data-mandatory")},isHoveringOverTab:function(){for(let t=0;t\n \n
${Craft.t("app","Copy “{name}” value",{name:t.data("label")})}
${this._saveFailMessage()}
`,this.httpError&&(e+=`${Craft.escapeHtml(this.httpError)}
`),400===this.httpStatus&&(e+=``)):e=`${this._saveSuccessMessage()}
`;const i=new Garnish.HUD(t,e,{hudClass:"hud revision-status-hud",onHide:function(){i.destroy()}});i.$mainContainer.find(".refresh-btn").on("click",()=>{window.location.reload()})},_saveSuccessMessage:function(){return this.settings.isProvisionalDraft||this.settings.isUnpublishedDraft?Craft.t("app","Your changes have been stored."):Craft.t("app","The draft has been saved.")},_saveFailMessage:function(){return this.settings.isProvisionalDraft||this.settings.isUnpublishedDraft?Craft.t("app","Your changes could not be stored."):Craft.t("app","The draft could not be saved.")},spinners:function(){return this.$spinner},showSpinner:function(){this.spinners().removeClass("hidden")},hideSpinner:function(){this.spinners().addClass("hidden")},statusIcons:function(){return this.$statusIcon},createEditMetaAction:function(){if(!this.isFullPage)return;const t=$("#action-menu").disclosureMenu().data("disclosureMenu"),e=t.getFirstDestructiveGroup(),i=t.addGroup(null,!0,e),s=t.addItem({type:"button",icon:async()=>await Craft.ui.icon("edit"),label:Craft.t("app","Edit draft settings")},i);this.addListener(s,"click","showMetaModal")},createPreviewLink:function(t,e){const i=$("",{href:this.getTokenizedPreviewUrl(t.url,null,!1),text:e||Craft.t("app","View"),target:"_blank",data:{targetUrl:t.url,targetLabel:t.label}});return this.addListener(i,"click",()=>{decodeURIComponent(i.attr("href")).match(/\bpreview\/create-token\b/)&&setTimeout(()=>{this.activatePreviewToken()},1)}),this.previewLinks.push(i),i},updatePreviewLinks:function(){this.previewLinks.forEach(t=>{this.updatePreviewLinkHref(t),this.activatedPreviewToken&&this.removeListener(t,"click")})},updatePreviewLinkHref:function(t){t.attr("href",this.getTokenizedPreviewUrl(t.data("targetUrl"),null,!1))},activatePreviewToken:function(){this.activatedPreviewToken=!0,this.updatePreviewLinks()},createShareMenu:function(t){const e=$("",{type:"button",class:"view-btn btn menubtn",text:Craft.t("app","View")}).appendTo(t),i=$("",{class:"menu"}).appendTo(t),s=$("").appendTo(e),s=$('').appendTo(i);this.$nameTextInput=$('').appendTo(s).val(this.settings.draftName);const n=$('').appendTo(t);$('').appendTo(n),this.$saveMetaBtn=$("",{type:"submit",class:"btn submit disabled","aria-disabled":"true",text:Craft.t("app","Save")}).appendTo(n),this.metaModal=new Garnish.Modal(t),this.addListener(this.$nameTextInput,"input","checkMetaValues"),this.addListener(t,"submit",t=>{t.preventDefault(),this.saveMeta()}),this.metaModal.on("escape",()=>{this.$nameTextInput.val(this.settings.draftName)})},checkMetaValues:function(){return this.$nameTextInput.val()&&this.$nameTextInput.val()!==this.settings.draftName?(this.$saveMetaBtn.removeClass("disabled"),this.$saveMetaBtn.removeAttr("aria-disabled"),!0):(this.$saveMetaBtn.addClass("disabled"),this.$saveMetaBtn.attr("aria-disabled","true"),!1)},shakeMetaModal:function(){Garnish.shake(this.metaModal.$container)},saveMeta:function(){return new Promise((t,e)=>{if(!this.checkMetaValues())return this.shakeMetaModal(),void e();this.settings.draftName=this.$nameTextInput.val(),this.metaModal.hide(),this.checkForm(!0).then(t).catch(e)})},handleSubmit:async function(t){if(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.submittingForm)return;if(this.settings.draftId&&!this.settings.isUnpublishedDraft&&!this.settings.isProvisionalDraft&&(void 0===t.autosave||t.autosave)&&(t.saveShortcut||t.customTrigger&&"elements/save-draft"===t.customTrigger.data("action"))&&this.enableAutosave)return void this.checkForm(!0);this.submittingForm=!0,Craft.cp.$confirmUnloadForms=Craft.cp.$confirmUnloadForms.not(this.$container),this.cancelToken&&(this.ignoreFailedRequest=!0,this.cancelToken.cancel()),this.trigger("beforeSubmit");const e=this.prepareData(this.serializeForm(!1));if(this.isFullPage){this.stopListeningForChanges();const t=Craft.createForm(e);t.appendTo(Garnish.$bod),t.submit()}else{let t;try{t=await Craft.sendActionRequest("POST",null,{headers:this._saveHeaders,data:e})}catch(t){return void this.settings.handleSubmitError(t)}finally{this.submittingForm=!1,this.trigger("afterSubmit"),this.checkForm(!1,!1)}if(this.settings.isUnpublishedDraft){const t=$(`div.element[data-id="${this.settings.elementId}"][data-settings]`);for(let e=0;e
'+Craft.t("app","What do you want to do with their content?")+'
- ").appendTo(this._.$closestTargetLi)}this.$draggee.appendTo(s),e=!0}}if(this._.$closestTarget.removeClass("draghover"),e){t&&this.structure._removeUl(t);var a,r=this.$draggee.parentsUntil(this.structure.$container,"li").length+1;r!=this.$draggee.data("level")&&(1==this.$draggee.data("level")?((a={})["padding-"+Craft.left]=38,this.$helperLi.velocity(a,"fast")):1==r&&((a={})["padding-"+Craft.left]=Craft.Structure.baseIndent,this.$helperLi.velocity(a,"fast")),this.setLevel(this.$draggee,r));var o=this.$draggee.children(".row").children(".element"),l={structureId:this.structure.id,elementId:o.data("id"),siteId:o.data("site-id"),prevId:this.$draggee.prev().children(".row").children(".element").data("id"),parentId:this.$draggee.parent("ul").parent("li").children(".row").children(".element").data("id")};Craft.sendActionRequest("POST","structures/move-element",{data:l}).then(t=>{Craft.cp.displaySuccess(Craft.t("app","New order saved."))})}}this.$draggee.velocity("stop").removeClass("hidden").velocity({height:this.draggeeHeight},"fast",()=>{this.$draggee.css("height","auto")}),this.returnHelpersToDraggees(),this.base()},setLevel:function(t,e){t.data("level",e);var i=this.structure.getIndent(e),s={};s["margin-"+Craft.left]="-"+i+"px",s["padding-"+Craft.left]=i+"px",this.$draggee.children(".row").css(s);for(var n=t.children("ul").children(),a=0;a
- ${t}`).appendTo(this.$alerts)}if(e){const t=this.$alerts.outerHeight();this.$alerts.css("margin-top",-t),await Craft.animate(this.$alerts,{"margin-top":0})}this.initAlerts()}},initAlerts:function(){for(var t=this.$alerts.find('a[class^="shun:"]'),e=0;e
').appendTo(e);if(i.append(t),this.settings.sortable&&(i.append(''),this.structureDrag.addItems(e)),this.settings.newChildUrl){var s=$('').appendTo(i);this.initNewChildMenus(s)}i.css("margin-bottom",-30),i.velocity({"margin-bottom":0},"fast")},removeElement:function(t){var e,i=t.parent().parent();this.settings.sortable&&this.structureDrag.removeItems(i),i.siblings().length||(e=i.parent()),i.css("visibility","hidden").velocity({marginBottom:-i.height()},"fast",()=>{i.remove(),void 0!==e&&this._removeUl(e)})},_removeUl:function(t){t.siblings(".row").children(".toggle").remove(),t.remove()},destroy:function(){this.$container.removeData("structure"),this.base()}},{baseIndent:8,nestedIndent:35,defaults:{storageKey:null,sortable:!1,newChildUrl:null,maxLevels:null}})},7447:function(){Craft.VolumeFolderSelectorModal=Craft.BaseElementSelectorModal.extend({init:function(t){(t=Object.assign({},Craft.VolumeFolderSelectorModal.defaults,t,{showSiteMenu:!1})).indexSettings.disabledFolderIds=t.disabledFolderIds,this.base("CraftCms\\Cms\\Asset\\Elements\\Asset",t)},getElementIndexParams:function(){return Object.assign({},this.base(),{foldersOnly:!0})},shouldEnableSelectBtn:function(){return!!this.base()||this.elementIndex?.sourcePath.length&&void 0!==this.elementIndex.sourcePath[this.elementIndex.sourcePath.length-1].folderId&&!this.settings.disabledFolderIds.includes(this.elementIndex.sourcePath[this.elementIndex.sourcePath.length-1].folderId)},selectElements:function(t){if(this.hasSelection())this.base();else if(this.$selectBtn&&t?.currentTarget===this.$selectBtn[0]&&this.shouldEnableSelectBtn()){const{folderId:t}=this.elementIndex.sourcePath[this.elementIndex.sourcePath.length-1];this.onSelect([{folderId:t}]),this.settings.hideOnSelect&&this.hide()}},getElementInfo:function(t){const e=[];for(let i=0;i({canSelectElement:t=>(t=t.find(".element:first"),Garnish.hasAttr(t,"data-folder-id"))})})}},{defaults:{disabledFolderIds:[],indexSettings:{}}})},7520:function(){},7751:function(){Craft.LightSwitch=Garnish.Base.extend({settings:null,$outerContainer:null,$innerContainer:null,$input:null,small:!1,on:!1,indeterminate:!1,dragger:null,dragStartMargin:null,init:function(t,e){if(this.$outerContainer=$(t),this.$outerContainer.data("lightswitch")&&(console.warn("Double-instantiating a lightswitch on an element"),this.$outerContainer.data("lightswitch").destroy()),this.$outerContainer.data("lightswitch",this),this.small=this.$outerContainer.hasClass("small"),this.setSettings(e,Craft.LightSwitch.defaults),this.$innerContainer=this.$outerContainer.find(".lightswitch-container:first"),this.$input=this.$outerContainer.find("input:first"),this.$input.prop("disabled"))return;this.on=this.$outerContainer.hasClass("on"),this.indeterminate=this.$outerContainer.hasClass("indeterminate"),this.addListener(this.$outerContainer,"mousedown","_onMouseDown"),this.addListener(this.$outerContainer,"keydown","_onKeyDown"),this.dragger=new Garnish.BaseDrag(this.$outerContainer,{axis:Garnish.X_AXIS,ignoreHandleSelector:null,onDragStart:this._onDragStart.bind(this),onDrag:this._onDrag.bind(this),onDragStop:this._onDragStop.bind(this)});let i=this.$outerContainer.parent(".lightswitch-inner-container");i.length&&(this.addListener(i.children('span[data-toggle="off"]'),"click",this.turnOff),this.addListener(i.children('span[data-toggle="on"]'),"click",this.turnOn))},turnOn:function(t){var e=!this.on;if(this.on=!0,this.indeterminate=!1,this.$outerContainer.addClass("dragging"),Garnish.prefersReducedMotion())this.$innerContainer.css("margin-"+Craft.left,0);else{var i={};i["margin-"+Craft.left]=0,this.$innerContainer.velocity("stop").velocity(i,Craft.LightSwitch.animationDuration,this._onSettle.bind(this))}this.$input.val(this.settings.value),this.$outerContainer.addClass("on"),this.$outerContainer.removeClass("indeterminate"),this.$outerContainer.attr("aria-checked","true"),e&&!0!==t&&this.onChange()},turnOff:function(t){var e=this.on||this.indeterminate;if(this.on=!1,this.indeterminate=!1,this.$outerContainer.addClass("dragging"),Garnish.prefersReducedMotion())this.$innerContainer.css("margin-"+Craft.left,this._getOffMargin());else{var i={};i["margin-"+Craft.left]=this._getOffMargin(),this.$innerContainer.velocity("stop").velocity(i,Craft.LightSwitch.animationDuration,this._onSettle.bind(this))}this.$input.val(""),this.$outerContainer.removeClass("on"),this.$outerContainer.removeClass("indeterminate"),this.$outerContainer.attr("aria-checked","false"),e&&!0!==t&&this.onChange()},turnIndeterminate:function(t){var e=!this.indeterminate;this.on=!1,this.indeterminate=!0,this.$outerContainer.addClass("dragging");var i={};i["margin-"+Craft.left]=this._getOffMargin()/2,this.$innerContainer.velocity("stop").velocity(i,Craft.LightSwitch.animationDuration,this._onSettle.bind(this)),this.$input.val(this.settings.indeterminateValue),this.$outerContainer.removeClass("on"),this.$outerContainer.addClass("indeterminate"),this.$outerContainer.attr("aria-checked","mixed"),e&&!0!==t&&this.onChange()},toggle:function(){this.indeterminate||!this.on?this.turnOn():this.turnOff()},onChange:function(){this.trigger("change"),this.settings.onChange(this.on),this.$outerContainer.trigger("change")},_onMouseDown:function(){this.addListener(Garnish.$doc,"mouseup","_onMouseUp")},_onMouseUp:function(){this.removeListener(Garnish.$doc,"mouseup"),this.dragger.dragging||this.toggle()},_onKeyDown:function(t){switch(t.keyCode){case Garnish.SPACE_KEY:this.toggle(),t.preventDefault();break;case Garnish.RIGHT_KEY:"ltr"===Craft.orientation?this.turnOn():this.turnOff(),t.preventDefault();break;case Garnish.LEFT_KEY:"ltr"===Craft.orientation?this.turnOff():this.turnOn(),t.preventDefault()}},_getMargin:function(){return parseInt(this.$innerContainer.css("margin-"+Craft.left))},_onDragStart:function(){this.$outerContainer.addClass("dragging"),this.dragStartMargin=this._getMargin()},_onDrag:function(){var t;(t="ltr"===Craft.orientation?this.dragStartMargin+this.dragger.mouseDistX:this.dragStartMargin-this.dragger.mouseDistX)0&&(t=0),this.$innerContainer.css("margin-"+Craft.left,t)},_onDragStop:function(){this._getMargin()>this._getOffMargin()/2?this.turnOn():this.turnOff()},_onSettle:function(){this.$outerContainer.removeClass("dragging")},destroy:function(){this.$outerContainer.removeData("lightswitch"),this.base(),this.dragger.destroy()},_getOffMargin:function(){return this.small?-10:-12}},{animationDuration:100,defaults:{value:"1",indeterminateValue:"-",onChange:$.noop}})},7835:function(){Craft.GeneratedFieldsTable=Craft.EditableTable.extend({get cvd(){return this.$table.closest(".field").next(".card-view-designer").data("cvd")},createRow:function(t,e,i,s){const n=this.base(t,e,i,s);return $(``).appendTo(n),n},createRowObj:function(t){return new Craft.GeneratedFieldsTable.Row(this,t)}}),Craft.GeneratedFieldsTable.Row=Craft.EditableTable.Row.extend({uid:null,init:function(t,e){this.base(t,e),this.uid=this.$tr.find('> input[name$="[uid]"]').val();const i=this.$tr.find("> td:first-child > textarea"),s=this.$tr.find("> td:nth-child(2) > textarea");i.val()||new Craft.HandleGenerator(i,s),this.addListener(i,"input",()=>{const t=Craft.trim(i.val()),e=this.table.cvd;if(""!==t){const i=e.findCheckboxByUid(this.uid);i?.length?e.updateCheckboxLabel(this.uid,t):e.addCheckbox({value:`generatedField:${this.uid}`,labelHtml:t,data:{"field-id":this.fieldId,"field-label":t}})}else e.removeCheckbox(this.uid)})},destroy:function(){this.table.cvd.removeCheckbox(this.uid),this.base()}})},8131:function(){Craft.CpScreenSlideout=Craft.Slideout.extend({action:null,namespace:null,showingLoadSpinner:!1,hasTabs:!1,hasCpLink:!1,hasSidebar:!1,$header:null,$toolbar:null,$tabContainer:null,$extraToolbarItems:null,$loadSpinner:null,$actionBtn:null,$editLink:null,$sidebarBtn:null,$body:null,$content:null,$sidebar:null,$footer:null,$noticeContainer:null,$cancelBtn:null,$saveBtn:null,tabManager:null,showingSidebar:!1,cancelToken:null,ignoreFailedRequest:!1,fieldsWithErrors:null,get showExpandedView(){return this.$container.width()>700},get sidebarIsOverlapping(){return this.showingSidebar&&"absolute"===this.$sidebar.css("position")},init:function(t,e){this.action=t,e=Object.assign({},Craft.CpScreenSlideout.defaults,e),Object.assign(e.containerAttributes,{id:`cp-screen-${Math.floor(1e8*Math.random())}`,class:"cp-screen"});const i="form"===e.containerElement;i&&Object.assign(e.containerAttributes,{action:"",method:"post",novalidate:""}),this.fieldsWithErrors=[],this.$header=$("0&&0==t.hasClass("error")&&(t.addClass("error"),t.append(i))}}}}})},clearErrors:function(){this.fieldsWithErrors.forEach(t=>{Craft.ui.clearErrorsFromField(t)})},isDirty:function(){const t=this.$container.data("initialSerializedValue");return void 0!==t&&t!==(this.$container.data("serializer")||(()=>this.$container.serialize()))()},closeMeMaybe:function(){this.isOpen&&(this.isDirty()&&!confirm(Craft.t("app","Are you sure you want to close this screen? Any changes will be lost."))||this.close())},close:function(){this.showingSidebar&&this.hideSidebar(),this.base(),this.cancelToken&&(this.ignoreFailedRequest=!0,this.cancelToken.cancel())}},{defaults:{containerElement:"form",containerAttributes:{},params:{},requestOptions:{},showHeader:null,closeOnEsc:!1,closeOnShadeClick:!1,closeOnSubmit:!0,onLoad:()=>{},onSubmit:()=>{}}})},8190:function(){Craft.ColorInput=Garnish.Base.extend({$container:null,$input:null,$colorContainer:null,$colorPreview:null,$colorInput:null,init:function(t,e){this.setSettings(e,Craft.ColorInput.defaults),this.$container=$(t),this.$input=this.$container.find(".color-input"),this.$colorContainer=this.$container.children(".color"),this.$colorPreview=this.$colorContainer.children(".color-preview"),this.createColorInput(),this.handleTextChange(),this.addListener(this.$input,"input","handleTextChange")},createColorInput:function(){var t=document.createElement("input");if(t.setAttribute("type","color"),"color"!==t.type)return;let e=!1;if(this.$container.parents(".input").hasClass("disabled")&&(e=!0),this.$colorContainer.removeClass("static"),this.$colorInput=$(t).addClass("color-preview-input").attr({"aria-controls":this.$input.attr("id"),"aria-label":Craft.t("app","Color picker"),"aria-labelledby":this.$input.attr("aria-labelledby")}).appendTo(this.$colorPreview),e&&this.$colorInput.attr("disabled",""),this.settings.presets?.length){const t=`listbox-${Math.floor(1e6*Math.random())}`;this.$colorInput.attr("list",t);const e=$("",{id:t}).insertAfter(this.$colorInput);for(const t of this.settings.presets)$("").text(t).appendTo(e)}this.addListener(this.$colorInput,"click",function(t){t.stopPropagation()}),this.addListener(this.$colorContainer,"click",function(){this.$colorInput.trigger("click")}),this.addListener(this.$colorInput,"input","updateColor")},updateColor:function(){this.$input.val(this.$colorInput.val()),this.handleTextChange()},handleTextChange:function(){let t=this.$input.val();t!==(t=t.trim())&&this.$input.val(t),t.length&&"#"===t[0]&&(t=t.substring(1),this.$input.val(t)),t.length?(3===t.length&&(t=t[0].repeat(2)+t[1].repeat(2)+t[2].repeat(2)),t.match(/^[0-9a-f]{6}$/i)?(this.$colorPreview.css("background-color",`#${t}`),this.$colorInput&&this.$colorInput.val(`#${t}`)):this.$colorPreview.css("background-color","")):this.$colorPreview.css("background-color","")}},{defaults:{presets:[]},_browserSupportsColorInputs:null,doesBrowserSupportColorInputs:function(){return Craft.ColorInput._browserSupportsColorInputs,Craft.ColorInput._browserSupportsColorInputs}})},8349:function(){Craft.ElementActionTrigger=Garnish.Base.extend({elementIndex:null,maxLevels:null,newChildUrl:null,$trigger:null,$selectedItems:null,triggerEnabled:!0,init:function(t){if(this.elementIndex=Craft.currentElementIndex,!this.elementIndex?.triggers)return;this.elementIndex.triggers.push(this),$.isPlainObject(t)||(t={}),void 0!==t.batch&&(t.bulk=t.batch,delete t.batch),Object.defineProperty(t,"batch",{get(){return this.bulk},set(t){this.bulk=t}}),this.setSettings(t,Craft.ElementActionTrigger.defaults);const e=t.triggerId??`${t.type}-actiontrigger`;if(this.$trigger=$(`#${this.elementIndex.namespaceId(e)}`).data("trigger",this),this.settings.activate){this.$trigger.data("custom-handler",!0);let t=this.$trigger.find("button,.btn");t.length||(t=this.$trigger),this.addListener(t,"activate","handleTriggerActivation")}this.updateTrigger(),this.elementIndex.on("selectionChange",this.updateTrigger.bind(this))},updateTrigger:function(){0!==this.elementIndex.getSelectedElements().length&&(this.validateSelection()?this.enableTrigger():this.disableTrigger())},validateSelection:function(){if(this.$selectedItems=this.elementIndex.getSelectedElements(),!this.settings.bulk&&this.$selectedItems.length>1)return!1;if(this.settings.requireId)for(let t=0;tthis.settings.validateSelection(this.$selectedItems,this.elementIndex))},enableTrigger:function(){this.triggerEnabled||((this.$trigger.has("button,.btn").length?this.$trigger.find("button,.btn"):this.$trigger).removeClass("disabled").removeAttr("aria-disabled"),this.triggerEnabled=!0)},disableTrigger:function(){this.triggerEnabled&&((this.$trigger.has("button,.btn").length?this.$trigger.find("button,.btn"):this.$trigger).addClass("disabled").attr("aria-disabled","true"),this.triggerEnabled=!1)},handleTriggerActivation:function(){this.triggerEnabled&&this._call(()=>this.settings.activate(this.$selectedItems,this.elementIndex))},_call:function(t){const e=Craft.elementIndex;Craft.elementIndex=this.elementIndex;const i=t();return Craft.elementIndex=e,i}},{defaults:{type:null,bulk:!0,requireId:!0,validateSelection:null,beforeActivate:async(t,e)=>{},activate:null,afterActivate:async(t,e)=>{}}})},8543:function(t){function e(t,e){var s,n,a=t.type,r=t.value;return e&&void 0!==(n=e(t))?n:"word"===a||"space"===a?r:"string"===a?(s=t.quote||"")+r+(t.unclosed?"":s):"comment"===a?"/*"+r+(t.unclosed?"":"*/"):"div"===a?(t.before||"")+r+(t.after||""):Array.isArray(t.nodes)?(s=i(t.nodes,e),"function"!==a?s:r+"("+(t.before||"")+s+(t.after||"")+(t.unclosed?"":")")):r}function i(t,i){var s,n;if(Array.isArray(t)){for(s="",n=t.length-1;~n;n-=1)s=e(t[n],i)+s;return s}return e(t,i)}t.exports=i},8637:function(){Craft.CardsElementIndexView=Craft.BaseElementIndexView.extend({cardSort:null,afterInit:function(){this.settings.sortable&&Craft.hasMousePointerEvents()?this.cardSort=new Garnish.DragSort(this.getAllElements(),{container:this.$elementContainer,filter:this.settings.selectable?()=>this.cardSort.$targetItem.children(".element").hasClass("sel")?this.elementSelect.getSelectedItems().parent("li"):this.cardSort.$targetItem:null,ignoreHandleSelector:null,handle:"> .element > .card-titlebar > .card-actions-container > .card-actions > .move-btn",collapseDraggees:!0,magnetStrength:4,helperLagBase:1.5,helper:t=>(t.children().outerHeight(this.cardSort.$draggee.height()),t),onInsertionPointChange:()=>{for(let t of this.cardSort.helpers)t.children().outerHeight(this.cardSort.$draggee.height())},onSortChange:()=>{this.settings.selectable&&this.elementSelect.resetItemOrder(),this.settings.onSortChange(this.cardSort.$draggee)}}):$(".element > .card-titlebar > .card-actions-container > .card-actions > .move-btn").hide()},getElementContainer:function(){return this.$container.find("> .card-grid")}})},8668:function(){!function(t){Craft.SlidePicker=Garnish.Base.extend({min:null,max:null,totalSteps:null,value:null,label:null,describedBy:null,$container:null,$buttons:null,init:function(e,i){this.setSettings(i,Craft.SlidePicker.defaults),this.$container=t("",{class:"slide-picker",role:"slider",tabindex:this.settings.readOnly?-1:0,"aria-label":Craft.t("app","Number of columns")}),this.refresh(),this.setValue(e,!1),this.settings.readOnly||this.addListener(this.$container,"keydown",t=>{switch(t.keyCode){case Garnish.UP_KEY:this.setValue(this.value+this.settings.step),t.preventDefault();break;case Garnish.DOWN_KEY:this.setValue(this.value-this.settings.step),t.preventDefault();break;case Garnish.RIGHT_KEY:"ltr"===Craft.orientation?this.setValue(this.value+this.settings.step):this.setValue(this.value-this.settings.step),t.preventDefault();break;case Garnish.LEFT_KEY:"ltr"===Craft.orientation?this.setValue(this.value-this.settings.step):this.setValue(this.value+this.settings.step),t.preventDefault();break;case Garnish.HOME_KEY:this.setValue(this.min),t.preventDefault();break;case Garnish.END_KEY:this.setValue(this.max),t.preventDefault()}})},refresh:function(){if(this.min=this._min(),this.max=this._max(),this.totalSteps=(this.max-this.min)/this.settings.step,this.label=this.settings.label,this.describedBy=this.settings.describedBy,!Number.isInteger(this.totalSteps))throw"Invalid SlidePicker config";this.$buttons&&this.$buttons.remove(),this.$container.attr("aria-valuemin",this.min),this.$container.attr("aria-valuemax",this.max),this.label&&this.$container.attr("aria-label",this.label),this.describedBy&&this.$container.attr("aria-describedby",this.describedBy),this.$buttons=t();for(let e=this.min;e<=this.max;e+=this.settings.step)this.$buttons=this.$buttons.add(t("",{title:this.settings.valueLabel(e),data:{value:e}}));if(this.$buttons.appendTo(this.$container),null!==this.value){let t=this.value;this.value=null,this.setValue(t,!1)}this.addListener(this.$buttons,"mouseover",e=>{this.$buttons.removeClass("active-hover last-active-hover"),t(e.currentTarget).addClass("active-hover last-active-hover").prevAll().addClass("active-hover")}),this.addListener(this.$buttons,"mouseout",()=>{this.$buttons.removeClass("active-hover")}),this.addListener(this.$buttons,"click",e=>{this.setValue(t.data(e.currentTarget,"value")),e.stopPropagation(),this.$container.focus()})},setValue:function(t,e){if(t=Math.max(Math.min(t,this.max),this.min),t=Math.round(t/this.settings.step)*this.settings.step,this.value===(this.value=t))return;this.$container.attr({"aria-valuenow":this.value,"aria-valuetext":this.settings.valueLabel(this.value)}),this.$buttons.removeClass("last-active active");let i=this.$buttons.eq((this.value-this.min)/this.settings.step);i.add(i.prevAll()).addClass("active"),i.addClass("last-active"),!1!==e&&this.settings.onChange(t)},_min:function(){return"function"==typeof this.settings.min?this.settings.min():this.settings.min},_max:function(){return"function"==typeof this.settings.max?this.settings.max():this.settings.max}},{defaults:{min:0,max:100,step:10,valueLabel:null,onChange:t.noop,readOnly:!1}})}(jQuery)},8738:function(){Craft.Listbox=Garnish.Base.extend({$container:null,$options:null,$selectedOption:null,selectedOptionIndex:null,init:function(t,e){this.$container=$(t),this.setSettings(e,Craft.Listbox.defaults),this.$container.data("listbox")&&(console.warn("Double-instantiating a listbox on an element"),this.$container.data("listbox").destroy()),this.$container.data("listbox",this),this.$options=this.$container.find("button,[role=option]"),this.$selectedOption=this.$options.filter("[aria-pressed=true],[aria-selected=true]").removeAttr("aria-selected").attr("aria-pressed","true"),this.$selectedOption.length?this.selectedOptionIndex=this.$options.index(this.$selectedOption):this.$selectedOption=null,this.settings.readOnly||this.addListener(this.$options,"click",t=>{this.select(this.$options.index($(t.currentTarget))),t.preventDefault()}),this.settings.readOnly&&this.$options.each((t,e)=>{$(e).attr("tabindex","-1")})},select:function(t){t<0||t>=this.$options.length||t===this.selectedOptionIndex||(this.$selectedOption&&this.$selectedOption.removeClass(this.settings.selectedClass).attr("aria-pressed","false"),this.$selectedOption=this.$options.eq(t).addClass(this.settings.selectedClass).attr("aria-pressed","true"),this.selectedOptionIndex=t,this.settings.onChange(this.$selectedOption,t),this.trigger("change",{$selectedOption:this.$selectedOption,selectedOptionIndex:t}))},disable:function(){this.base(),this.$container.attr("aria-disabled","true")},enable:function(){this.base(),this.$container.removeAttr("aria-disabled")},destroy:function(){this.$container.removeData("listbox"),this.base()}},{defaults:{selectedClass:"active",focusClass:"focus",onChange:$.noop,readOnly:!1}})},8757:function(){Craft.ui={createButton:function(t){const e=$("",{type:t.type||"button",class:"btn"});let i;if(t.id&&e.attr("id",t.id),t.class&&e.addClass(t.class),t.ariaLabel&&e.attr("aria-label",t.ariaLabel),t.ariaDescribedBy&&e.attr("aria-describedby",t.ariaDescribedBy),t.role&&e.attr("role",t.role),t.icon||t.label||t.html){const s=$('').appendTo(e);if(t.icon&&(i=$('').prependTo(s)),t.label||t.html){const e=$('').appendTo(s);t.label?e.text(t.label):e.html(t.html)}}else e.addClass("btn-empty");return t.toggle&&e.attr("aria-expanded","false"),t.controls&&e.attr("aria-controls",t.controls),t.data&&Object.entries(t.data).forEach(t=>{e.attr("data-"+t[0],t[1])}),t.spinner&&e.append($('')),t.disabled&&e.attr("disabled","disabled"),t.icon&&this.icon(t.icon).then(t=>{i.append(t)}),e},createSubmitButton:function(t={}){return this.createButton(Object.assign({},t,{type:"submit",label:t.label||Craft.t("app","Submit")})).addClass("submit")},createPasteButton:function(t={}){return this.createButton(Object.assign({},t,{icon:"duplicate",label:t.label||Craft.uppercaseFirst(Craft.t("app","Paste {type}",{type:Craft.t("app","elements")})),spinner:!0})).addClass("paste-btn")},createTextInput:function(t){t=$.extend({autocomplete:!1},t);var e=$("",{attr:{class:"text",type:t.type||"text",inputmode:t.inputmode,id:t.id,size:t.size,name:t.name,value:t.value,maxlength:t.maxlength,autofocus:this.getAutofocusValue(t.autofocus),autocomplete:"boolean"==typeof t.autocomplete?t.autocomplete?"on":"off":t.autocomplete,disabled:this.getDisabledValue(t.disabled),"aria-describedby":this.getDescribedByValue(t),readonly:t.readonly,title:t.title,placeholder:t.placeholder,step:t.step,min:t.min,max:t.max}});return t.class&&e.addClass(t.class),t.placeholder&&e.addClass("nicetext"),"password"===t.type&&e.addClass("password"),t.disabled&&e.addClass("disabled"),t.size||e.addClass("fullwidth"),t.describedBy&&e.attr("aria-describedby",t.describedBy),t.inputAttributes&&this.addAttributes(e,t.inputAttributes),t.showCharsLeft&&t.maxlength&&e.attr("data-show-chars-left").css("padding-"+("ltr"===Craft.orientation?"right":"left"),7.2*t.maxlength.toString().length+14+"px"),(t.placeholder||t.showCharsLeft)&&new Garnish.NiceText(e),"password"===t.type?$('').append(e):e},createTextField:function(t){return t.id||(t.id="text"+Math.floor(1e9*Math.random())),this.createField(this.createTextInput(t),t)},createPasswordInput(t){return this.createTextInput(Object.assign({},t,{type:"password"}))},createPasswordField(t){return this.createTextField(Object.assign({},t,{type:"password"}))},createCopyTextInput:function(t){let e=t.id||"copytext"+Math.floor(1e9*Math.random()),i=t.buttonId||`${e}-btn`,s=$("",{class:"copytext"});const n=$.extend({},t,{readonly:!0});t.textarea;const a=t.textarea?this.createTextarea(n):this.createTextInput(n);return a.appendTo(s),$("",{type:"button",id:i,class:"btn","data-icon":"clipboard",title:Craft.t("app","Copy to clipboard"),"aria-label":Craft.t("app","Copy to clipboard")}).appendTo(s).on("click",()=>{a[0].select(),document.execCommand("copy"),Craft.cp.displayNotice(Craft.t("app","Copied to clipboard.")),s.trigger("copy"),a[0].setSelectionRange(0,0)}),s},createCopyTextBtn:function(t){let e=t.id||"copytext"+Math.floor(1e9*Math.random()),i=t.value;const s=$("",{label:s.optgroup}).appendTo(i);else{const e=$("",{value:s.value,selected:s.value==t.value,disabled:void 0!==s.disabled&&s.disabled}).appendTo(n||i);s.labelHtml?e.html(s.labelHtml):s.label&&e.text(s.label)}}return t.toggle&&(i.addClass("fieldtoggle"),new Craft.FieldToggle(i)),e},createSelectField:function(t){return t.id||(t.id="select"+Math.floor(1e9*Math.random())),this.createField(this.createSelect(t),t)},createCheckbox:function(t){var e=t.id||"checkbox"+Math.floor(1e9*Math.random()),i=$("",{type:"checkbox",value:void 0!==t.value?t.value:"1",id:e,class:"checkbox",name:t.name,checked:t.checked?"checked":null,autofocus:this.getAutofocusValue(t.autofocus),disabled:this.getDisabledValue(t.disabled),"data-target":t.toggle,"data-reverse-target":t.reverseToggle});t.class&&i.addClass(t.class),t.data&&Object.entries(t.data).forEach(t=>{i.attr("data-"+t[0],t[1])}),t.aria&&Object.entries(t.aria).forEach(t=>{i.attr("aria-"+t[0],t[1])}),(t.toggle||t.reverseToggle)&&(i.addClass("fieldtoggle"),new Craft.FieldToggle(i));var s=$("",{for:e});return t.labelHtml?s.html(t.labelHtml):t.label&&s.text(t.label),t.name&&(t.name.length<3||"[]"!==t.name.slice(-2))?$([$("",{type:"hidden",name:t.name,value:""})[0],i[0],s[0]]):$([i[0],s[0]])},createCheckboxField:function(t){t.id||(t.id="checkbox"+Math.floor(1e9*Math.random()));var e=["field","checkboxfield"];t.fieldClass.length>0&&(e=e.concat(t.fieldClass));var i=$('',{id:`${t.id}-field`});return t.first&&i.addClass("first"),t.instructions&&i.addClass("has-instructions"),this.createCheckbox(t).appendTo(i),t.instructions&&$('').text(t.instructions).appendTo(i),i},createCheckboxSelect:function(t){const e=$('');t.class&&e.addClass(t.class);let i=t.values||[],s=!1;if(t.showAllOption){const n=t.allValue||"*";i===n&&(i=t.options.map(t=>t.value),s=!0),$("").appendTo(e).append(this.createCheckbox({id:t.id,class:"all",labelHtml:""+(t.allLabel||Craft.t("app","All"))+"",name:t.name,value:n,checked:s,autofocus:t.autofocus,disabled:t.disabled})),t.options=t.options.filter(t=>t.value!==n)}else s=!1;Array.isArray(i)||(i=[]),t.sortable&&t.options.sort((t,e)=>{let s=i.indexOf(t.value),n=i.indexOf(e.value);return-1===s&&(s=i.length),-1===n&&(n=i.length),s-n});for(let n=0;n",{class:"checkbox-select-item"}).appendTo(e);t.sortable&&$("",{class:"icon move draggable-handle"}).appendTo(r),this.createCheckbox({label:Craft.escapeHtml(a.label),name:t.name?Craft.ensureEndsWith(t.name,"[]"):null,value:a.value,checked:s||i.includes(a.value),disabled:s||t.disabled}).appendTo(r)}if(t.includeSortActions)new Craft.SortableCheckboxSelect(e);else if(new Garnish.CheckboxSelect(e),t.sortable){const t=new Garnish.DragSort(e.children(":not(.all)"),{handle:".move",axis:"y"});e.data("dragSort",t)}return e},createCheckboxSelectField:function(t){return t.fieldset=!0,t.id||(t.id="checkboxselect"+Math.floor(1e9*Math.random())),this.createField(this.createCheckboxSelect(t),t)},createSortableCheckboxSelect:function(t){return this.createCheckboxSelect({...t,sortable:!0,includeSortActions:!0})},createSortableCheckboxSelectField:function(t){return this.createCheckboxSelectField({...t,sortable:!0,includeSortActions:!0})},createLightswitch:function(t){var e=t.value||"1",i=t.indeterminateValue||"-",s=$("",{type:"button",class:"lightswitch","data-value":e,"data-indeterminate-value":i,id:t.id,role:"switch","aria-checked":t.on?"true":t.indeterminate?"mixed":"false","aria-labelledby":t.labelId,"data-target":t.toggle,"data-reverse-target":t.reverseToggle});return t.on?s.addClass("on"):t.indeterminate&&s.addClass("indeterminate"),t.small&&s.addClass("small"),t.disabled&&s.addClass("disabled"),$('"),u=$("",{text:s.label}).data("handle",h).data("startDate",s.startDate).data("endDate",s.endDate).data("startTime",s.startDate?s.startDate.getTime():null).data("endTime",s.endDate?s.endDate.getTime():null);t.selected&&h==t.selected&&(n=u[0]),c.append(u),c.appendTo(r)}$("
").appendTo(a);var p=$("",{class:"flex flex-nowrap padded"}).appendTo(a),f=this.createDateField({label:Craft.t("app","From")}).appendTo(p).find("input"),g=this.createDateField({label:Craft.t("app","To")}).appendTo(p).find("input"),m=f.add(g);m.on("keyup",function(t){t.keyCode===Garnish.ESC_KEY&&$(this).data("datepicker")&&$(this).data("datepicker").dpDiv.is(":visible")&&t.stopPropagation()}),f.data("datepicker")&&f.data("datepicker").dpDiv.on("mousedown",function(t){t.stopPropagation()}),g.data("datepicker")&&g.data("datepicker").dpDiv.on("mousedown",function(t){t.stopPropagation()});var b=new Garnish.Menu(a,{onOptionSelect:function(e){var i=$(e);v.text(i.text()),b.setPositionRelativeToAnchor(),a.find(".sel").removeClass("sel"),i.addClass("sel"),f.hasClass("hasDatepicker")?(f.datepicker("setDate",i.data("startDate")),g.datepicker("setDate",i.data("endDate"))):(f.val(i.data("startDate")),g.val(i.data("endDate"))),t.onChange(i.data("startDate")||null,i.data("endDate")||null,i.data("handle"))}});m.on("change",function(){let e=null,i=null;if(f.hasClass("hasDatepicker"))e=f.datepicker("getDate"),i=g.datepicker("getDate");else{let t=f.val();""!==t&&(e=new Date(Date.parse(t)));let s=g.val();""!==s&&(i=new Date(Date.parse(s)))}let s,n=e?e.getTime():null,o=i?i.getTime():null,l=r.find("a"),h=!1;for(let e=0;e",{type:"button",class:C,"data-icon":"date",text:Craft.t("app","All")});if(new Garnish.MenuBtn(v,b),n&&b.selectOption(n),t.startDate)if(f.hasClass("hasDatepicker"))f.datepicker("setDate",t.startDate);else{let e=t.startDate.getTimezoneOffset(),i=new Date(t.startDate.getTime()-60*e*1e3);f.val(i.toISOString().split("T")[0])}if(t.endDate)if(g.hasClass("hasDatepicker"))g.datepicker("setDate",t.endDate);else{let e=t.endDate.getTimezoneOffset(),i=new Date(t.endDate.getTime()-60*e*1e3);g.val(i.toISOString().split("T")[0])}return(t.startDate||t.endDate)&&m.trigger("change"),v},remediateTimepickerA11y:function(t){const e=$(t);let i=null,s=null;const n=e.attr("id"),a=`${n}-wrapper-${Math.floor(1e9*Math.random())}`,r=()=>e[0]?.timepickerObj;getAccessibleName=()=>e.attr("aria-label");const o=(t,i)=>{for(const i of t){const{target:t}=i;if($(t).hasClass("ui-timepicker-selected")){const i=t.id;e.attr("aria-activedescendant",i),$(t).attr("aria-selected","true")}else $(t).attr("aria-selected","false")}};r()&&(e.attr("aria-controls",a),e.on("showTimepicker",()=>{e.attr("aria-expanded","true"),i=(()=>{const t=r();return $(t.list)})(),setTimeout(()=>{i.attr({role:"listbox",id:a,"aria-label":getAccessibleName()}),i.find("li").each(function(t){const i=$(this).hasClass("ui-timepicker-selected"),s=`${n}-option-${t}`;$(this).attr({id:s,role:"option","aria-selected":i}),i&&e.attr("aria-activedescendant",s)}),s||(s=new MutationObserver(o)),s.observe(i[0],{subtree:!0,attributeFilter:["class"]})},0)}),e.on("hideTimepicker",()=>{e.attr("aria-expanded","false"),s&&s.disconnect()}))},createTimeInput:function(t){const e=Garnish.isMobileBrowser(),i=(t.id||"time"+Math.floor(1e9*Math.random()))+"-time",s=t.name||null,n=s?s+"[time]":null,a=t.value&&"function"==typeof t.value.getMonth?t.value:null,r=t.autofocus&&Garnish.isMobileBrowser(!0),o=t.disabled||!1,l=$("",{class:"timewrapper"}),h=this.createTextInput({id:i,type:e?"time":"text",class:!(!e||a)&&"empty-value",name:n,placeholder:" ",autocomplete:!1,autofocus:r,disabled:o}).appendTo(l);return $('').appendTo(l),s&&$("",{type:"hidden",name:s+"[timezone]",val:Craft.timezone}).appendTo(l),e?(a&&h.val(a.toISOString().split("T")[1]),h.datetimeinput()):(h.timepicker(Craft.timepickerOptions),this.remediateTimepickerA11y(h),a&&h.timepicker("setTime",3600*a.getHours()+60*a.getMinutes()+a.getSeconds())),t.hasOuterContainer?l:$('').append(l).datetime()},createTimeField:function(t){return t.id||(t.id="time"+Math.floor(1e9*Math.random())),this.createField(this.createTimeInput(t),t)},createField:function(t,e){const i=e.label&&"__blank__"!==e.label?e.label:null,s=$(e.fieldset?"":"",{class:"field",id:e.fieldId||(e.id?e.id+"-field":null),"aria-describedby":e.fieldset?this.getDescribedByValue(e):null});if(e.first&&s.addClass("first"),e.fieldClass&&s.addClass(e.fieldClass),i&&e.fieldset&&$("",{text:i,class:"visually-hidden","data-label":i}).appendTo(s),i){const t=$('').appendTo(s),n=$(e.fieldset?"":"",{id:e.labelId||(e.id?`${e.id}-${e.fieldset?"legend":"label"}`:null),for:!e.fieldset&&e.id||null,text:i}).appendTo(t);e.required&&($("",{class:"visually-hidden",text:Craft.t("app","Required")}).appendTo(n),$("",{class:"required","aria-hidden":"true"}).appendTo(n))}if(e.instructions&&$('').text(e.instructions).attr("id",this.getInstructionsId(e)).appendTo(s),$('').append(t).appendTo(s),e.tip){const t=$('');$('').appendTo(t),$('').text(Craft.t("app","Tip")+": ").appendTo(t),$("").text(e.tip).appendTo(t),t.appendTo(s)}if(e.warning){const t=$('');$('').appendTo(t),$('').text(Craft.t("app","Warning")+": ").appendTo(t),$("").text(e.warning).appendTo(t),t.appendTo(s)}return e.errors&&this.addErrorsToField(s,e.errors),s},addAttributes:function(t,e){for(const i in e){const s=e[i];if("boolean"==typeof s)s&&t.attr(i,"");else if($.isPlainObject(s))if(["aria","data","data-ng","ng"].includes(i))for(const e in s){let n=s[e];"object"==typeof n?t.attr(`${i}-${e}`,JSON.stringify(n)):"boolean"==typeof n?n&&t.attr(`${i}-${e}`,""):null!==n&&t.attr(`${i}-${e}`,n)}else"class"===i?t.addClass(s):"style"===i?t.css(s):t.attr(i,s)}},createErrorList:function(t,e){const i=$('0)for(let t=i.length;t>0;t--){let e=$(i[t-1]);null!=e.data("block")?e.data("block").expand():e.find(".titlebar").trigger("doubletap")}let n=s.parents(".field:first");n.is(":visible")?n.attr("tabindex","-1").focus():setTimeout(()=>{n.attr("tabindex","-1").focus()},201)}},findTabAnchorForField:function(t,e){const i=t.parents('div[data-id^=tab][role="tabpanel"]');let s=[];return i.each((t,i)=>{let n=e.find('[role="tablist"]').find('a[href="#'+$(i).attr("id")+'"]');s.push(n)}),s},getInstructionsId:function(t){return t.id?`${t.id}-instructions`:`${Math.floor(1e9*Math.random())}-instructions`},getAutofocusValue:function(t){return t&&!Garnish.isMobileBrowser(!0)?"autofocus":null},getDisabledValue:function(t){return t?"disabled":null},getDescribedByValue:function(t){let e="";return t.instructions&&(e+=this.getInstructionsId(t)),e.length?e:null},icon:async function(t){return Craft.icons||(Craft.icons={}),Craft.icons[t]||await Craft.queue.push(async()=>{if(Craft.icons[t])return;const{data:e}=await Craft.sendActionRequest("POST","app/icon-svg",{data:{icon:t}});Craft.icons[t]=e.iconSvg}),$(Craft.icons[t])[0]}}},8819:function(){Craft.CategoryIndex=Craft.BaseElementIndex.extend({editableGroups:null,$newCategoryBtnGroup:null,$newCategoryBtn:null,init:function(t,e,i){this.editableGroups=[],this.on("selectSource",this.updateButton.bind(this)),this.on("selectSite",this.updateButton.bind(this)),this.base(t,e,i)},afterInit:function(){this.editableGroups=Craft.editableCategoryGroups.filter(t=>!!this.getSourceByKey(`group:${t.uid}`)),this.base()},getDefaultSourceKey:function(){if("index"===this.settings.context&&"undefined"!=typeof defaultGroupHandle)for(let t=0;te.handle===t);let i;this.$newCategoryBtnGroup=$('');const s="new-category-menu-"+Craft.randomString(10);if(e){const t="index"===this.settings.context?Craft.uppercaseFirst(Craft.t("app","New {type}",{type:Craft.elementTypeNames["craft\\elements\\Category"][2]})):Craft.t("app","New {group} category",{group:e.name}),n="index"===this.settings.context?Craft.t("app","New category in the {group} category group",{group:e.name}):t,a="index"===this.settings.context?"link":null;this.$newCategoryBtn=Craft.ui.createButton({label:t,ariaLabel:n,spinner:!0,role:a}).addClass("submit add icon").appendTo(this.$newCategoryBtnGroup),this.addListener(this.$newCategoryBtn,"click mousedown",t=>{"index"===this.settings.context&&("click"===t.type&&Garnish.isCtrlKeyPressed(t)||"mousedown"===t.type&&1===t.originalEvent.button)?window.open(Craft.getUrl(`categories/${e.handle}/new`)):"click"===t.type&&this._createCategory(e.id)}),this.editableGroups.length>1&&(i=$("",{type:"button",class:"btn submit menubtn btngroup-btn-last","aria-controls":s,"data-disclosure-trigger":"","aria-label":Craft.t("app","New category, choose a category group")}).appendTo(this.$newCategoryBtnGroup))}else this.$newCategoryBtn=i=Craft.ui.createButton({label:Craft.uppercaseFirst(Craft.t("app","New {type}",{type:Craft.elementTypeNames["craft\\elements\\Category"][2]})),ariaLabel:Craft.t("app","New category, choose a category group"),spinner:!0}).addClass("submit add icon menubtn btngroup-btn-last").attr("aria-controls",s).attr("data-disclosure-trigger","").appendTo(this.$newCategoryBtnGroup);if(this.addButton(this.$newCategoryBtnGroup),i){const t=$("",{id:s,class:"menu menu--disclosure"}).appendTo(this.$newCategoryBtnGroup),n=$("=55296&&n<=56319&&iString.fromCodePoint(...t),g=function(t){return t>=48&&t<58?t-48+26:t>=65&&t<91?t-65:t>=97&&t<123?t-97:n},m=function(t,e){return t+22+75*(t<26)-((0!=e)<<5)},b=function(t,e,i){let s=0;for(t=i?h(t/700):t>>1,t+=h(t/e);t>455;s+=n)t=h(t/35);return h(s+36*t/(t+38))},$=function(t){const e=[],i=t.length;let a=0,r=128,o=72,l=t.lastIndexOf("-");l<0&&(l=0);for(let i=0;i=128&&c("not-basic"),e.push(t.charCodeAt(i));for(let d=l>0?l+1:0;d=i&&c("invalid-input");const l=g(t.charCodeAt(d++));l>=n&&c("invalid-input"),l>h((s-a)/e)&&c("overflow"),a+=l*e;const u=r<=o?1:r>=o+26?26:r-o;if(lh(s/p)&&c("overflow"),e*=p}const u=e.length+1;o=b(a-l,u,0==l),h(a/u)>s-r&&c("overflow"),r+=h(a/u),a%=u,e.splice(a++,0,r)}return String.fromCodePoint(...e)},C=function(t){const e=[],i=(t=p(t)).length;let a=128,r=0,o=72;for(const i of t)i<128&&e.push(d(i));const l=e.length;let u=l;for(l&&e.push("-");u=a&&eh((s-r)/p)&&c("overflow"),r+=(i-a)*p,a=i;for(const i of t)if(is&&c("overflow"),i===a){let t=r;for(let i=n;;i+=n){const s=i<=o?1:i>=o+26?26:i-o;if(t').appendTo(Garnish.$bod),this.$body=$('').appendTo(this.$container),this.$footer=$('').appendTo(this.$container),this.base(this.$container,this.settings),this.$buttons=$('').appendTo(this.$footer),this.$cancelBtn=$("",{type:"button",class:"btn cancel",text:Craft.t("app","Cancel")}).appendTo(this.$buttons),this.settings.allowSavingAsNew&&(this.$saveBtn=Craft.ui.createButton({class:"save copy",label:Craft.t("app","Save as a new {type}",{type:Craft.elementTypeNames["CraftCms\\Cms\\Asset\\Elements\\Asset"][2]}),spinner:!0}).appendTo(this.$buttons),this.addListener(this.$saveBtn,"activate",this.saveImage)),this.$replaceBtn=Craft.ui.createSubmitButton({class:"save replace",label:Craft.t("app","Save"),spinner:!0}).appendTo(this.$buttons),this.addListener(this.$replaceBtn,"activate",this.saveImage),this.addListener(this.$cancelBtn,"activate",this.hide),this.removeListener(this.$shade,"click"),this.maxImageSize=this.getMaxImageSize(),Craft.sendActionRequest("POST","assets/image-editor",{data:{assetId:t}}).then(t=>this.loadEditor(t.data));const i=document.documentElement,s=window.getComputedStyle(i);this.mediumBlueColor=s.getPropertyValue("--blue-500"),this.addLiveRegion()},getMaxImageSize:function(){var t=Garnish.$doc.get(0).documentElement.clientWidth,e=Garnish.$doc.get(0).documentElement.clientHeight;return Math.max(e,t)*(window.devicePixelRatio>1?2:1)},loadEditor:function(t){t.html||Craft.cp.displayError(Craft.t("app","Could not load the image editor.")),this.$body.html(t.html),this.$tabs=$(".tabs li",this.$body),this.$viewsContainer=$(".views",this.$body),this.$views=$("> div",this.$viewsContainer),this.$imageTools=$(".image-container .image-tools",this.$body),this.$editorContainer=$(".image-container .image",this.$body),this.$constraintContainer=$(".constraint-group",this.$body),this.$constraintRadioInputs=$('[name="constraint"]',this.$constraintContainer),this.$orientationField=$("#orientation",this.$body),this.$focalPointBtn=$(".focal-point",this.$body),this.editorHeight=this.$editorContainer.innerHeight(),this.editorWidth=this.$editorContainer.innerWidth(),this.$fabricElementEditBtn=$("[data-fabric-element]",this.$body);const e=$("#move-icon-wrapper svg").prop("outerHTML");fabric.loadSVGFromString(e,(t,e)=>{var i=fabric.util.groupSVGElements(t,e);i.set({left:0,top:0,scaleX:.03,scaleY:.03,originX:"center",originY:"center",fill:"white"}),this.moveIcon=i}),this._showSpinner(),this.updateSizeAndPosition(),$customConstraintWrapper=this.$constraintRadioInputs.filter('[value="custom"]').parent(),$customConstraintGroupLabel=$customConstraintWrapper.find("label"),this.$customConstraints=$("",{class:"constraint custom hidden","data-constraint":"custom",role:"group","aria-labelledby":$customConstraintGroupLabel.attr("id")}).append($("",{type:"text",class:"custom-constraint-w",size:3,value:1,"aria-label":Craft.t("app","Width unit")})).append($("",{class:"custom-constraint-spacer",text:"x","aria-hidden":"true"})).append($("",{type:"text",class:"custom-constraint-h",size:3,value:1,"aria-label":Craft.t("app","Height unit")})).appendTo($customConstraintWrapper),this.$constraintRadioInputs.filter(function(){const t=$(this).val();return/^\d*\.\d+$/.test(t)}).addClass("flip"),this.canvas=new fabric.StaticCanvas("image-canvas"),this.$croppingCanvas=$("#cropping-canvas",this.$editorContainer),this.$croppingCanvas.width(this.editorWidth),this.$croppingCanvas.height(this.editorHeight),this.canvas.enableRetinaScaling=!0,this.renderImage=()=>{Garnish.requestAnimationFrame(this.canvas.renderAll.bind(this.canvas))};var i=Craft.getActionUrl("assets/edit-image",{assetId:this.assetId,size:this.maxImageSize,cacheBust:this.cacheBust});fabric.Image.fromURL(i,e=>{this.image=e,this.image.set({originX:"center",originY:"center",left:this.editorWidth/2,top:this.editorHeight/2}),this.canvas.add(this.image),this.originalHeight=this.image.getHeight(),this.originalWidth=this.image.getWidth(),this.zoomRatio=1,this.lastLoadedDimensions=this.getScaledImageDimensions(),this._setFittedImageVerticeCoordinates(),this._repositionEditorElements();var i={imageDimensions:this.getScaledImageDimensions(),offsetX:0,offsetY:0},s=!1;if(t.focalPoint){var n=t.focalPoint,a=i.imageDimensions.width*n.x,r=i.imageDimensions.height*n.y;i.offsetX=a-i.imageDimensions.width/2,i.offsetY=r-i.imageDimensions.height/2,s=!0}this.storeFocalPointState(i),s&&this._createFocalPoint(),this._createViewport(),this.storeCropperState(),this._addControlListeners(),this.addListener(this.$croppingCanvas,"mousemove,touchmove",this._handleMouseMove),this.addListener(this.$croppingCanvas,"mousedown,touchstart",this._handleMouseDown),this.addListener(this.$croppingCanvas,"mouseup,touchend",this._handleMouseUp),this.addListener(this.$croppingCanvas,"mouseout,touchcancel",this._handleMouseOut),this._hideSpinner(),this.renderImage(),this.$tabs.first().trigger("click")})},_reloadImage:function(){if(!this.imageIsLoading){this.imageIsLoading=!0,this.maxImageSize=this.getMaxImageSize();var t=Craft.getActionUrl("assets/edit-image",{assetId:this.assetId,size:this.maxImageSize,cacheBust:this.cacheBust});this.image.setSrc(t,t=>{this.originalHeight=t.getHeight(),this.originalWidth=t.getWidth(),this.lastLoadedDimensions={width:this.originalHeight,height:this.originalWidth},this.updateSizeAndPosition(),this.renderImage(),this.imageIsLoading=!1})}},updateSizeAndPosition:function(){if(this.$container){var t=window.innerWidth,e=window.innerHeight;this.$container.css({width:t,"min-width":t,left:0,height:e,"min-height":e,top:0}),this.$body.css({height:e-(this.$footer.outerHeight()-1)}),t1.5||e.height/this.lastLoadedDimensions.height>1.5)&&this._reloadImage()},_repositionImage:function(t){this.image.set({left:this.image.left-(t.width-this.editorWidth)/2,top:this.image.top-(t.height-this.editorHeight)/2})},_createViewport:function(){this.viewport=new fabric.Rect({width:this.image.width,height:this.image.height,fill:"rgba(127,0,0,1)",originX:"center",originY:"center",globalCompositeOperation:"destination-in",left:this.image.left,top:this.image.top}),this.canvas.add(this.viewport),this.renderImage()},_createFocalPoint:function(){var t=this.focalPointState,e=this.getScaledImageDimensions().width/t.imageDimensions.width,i=t.offsetX*e*this.zoomRatio*this.scaleFactor,s=t.offsetY*e*this.zoomRatio*this.scaleFactor;i+=this.image.left,s+=this.image.top;var n=0,a=0;this.viewport&&0===t.offsetX&&0===t.offsetY&&("crop"!==this.currentView?(n=this.viewport.left-this.image.left,a=this.viewport.top-this.image.top):(n=this.clipper.left-this.image.left,a=this.clipper.top-this.image.top),i+=n,s+=a,t.offsetX+=n/(e*this.zoomRatio*this.scaleFactor),t.offsetY+=a/(e*this.zoomRatio*this.scaleFactor)),this.focalPointOuterCircle=new fabric.Circle({radius:8,fill:"rgba(0,0,0,0.5)",strokeWidth:2,stroke:"rgba(255,255,255,0.8)",left:0,top:0,originX:"center",originY:"center"}),this.focalPointInnerCircle=new fabric.Circle({radius:1,fill:"rgba(255,255,255,0)",strokeWidth:2,stroke:"rgba(255,255,255,0.8)",left:0,top:0,originX:"center",originY:"center"}),this.focalPointPickedIndicator=new fabric.Circle({radius:12,strokeWidth:0,stroke:"rgba(255,255,255,0.8)",left:0,top:0,originX:"center",originY:"center"}),this.focalPoint=new fabric.Group([this.focalPointPickedIndicator,this.focalPointOuterCircle,this.focalPointInnerCircle],{originX:"center",originY:"center",left:i,top:s}),this.storeFocalPointState(t),this.canvas.add(this.focalPoint)},toggleFocalPoint:function(){this.focalPoint?(this.prevFocalPoint=this.focalPoint,this.canvas.remove(this.focalPoint),this.focalPoint=null):(this._createFocalPoint(),this.prevFocalPoint=null),this.renderImage()},_repositionViewport:function(){if(this.viewport){var t={left:this.editorWidth/2,top:this.editorHeight/2};if("crop"===this.currentView)t.width=this.editorWidth,t.height=this.editorHeight;else if(this.cropperState){var e=this.cropperState,i=this.getScaledImageDimensions().width/e.imageDimensions.width;t.width=e.width*i*this.zoomRatio,t.height=e.height*i*this.zoomRatio,this.image.set({left:this.editorWidth/2-e.offsetX*i,top:this.editorHeight/2-e.offsetY*i})}else $.extend(t,this.getScaledImageDimensions());this.viewport.set(t)}},_repositionFocalPoint:function(t){if(this.focalPoint){var e=this.focalPoint.left-this.editorWidth/2,i=this.focalPoint.top-this.editorHeight/2,s=this.image.width,n=this.getScaledImageDimensions().width*this.zoomRatio/s/this.scaleFactor;e-=(t.width-this.editorWidth)/2,i-=(t.height-this.editorHeight)/2,e*=n,i*=n,this.focalPoint.set({left:this.editorWidth/2+e,top:this.editorHeight/2+i})}},hasOrientationChanged:function(){return this.viewportRotation%180!=0},getScaledImageDimensions:function(){return void 0===this.getScaledImageDimensions._&&(this.getScaledImageDimensions._={}),this.getScaledImageDimensions._.imageRatio=this.originalHeight/this.originalWidth,this.getScaledImageDimensions._.editorRatio=this.editorHeight/this.editorWidth,this.getScaledImageDimensions._.dimensions={},this.getScaledImageDimensions._.imageRatio>this.getScaledImageDimensions._.editorRatio?(this.getScaledImageDimensions._.dimensions.height=Math.min(this.editorHeight,this.originalHeight),this.getScaledImageDimensions._.dimensions.width=Math.round(this.originalWidth/(this.originalHeight/this.getScaledImageDimensions._.dimensions.height))):(this.getScaledImageDimensions._.dimensions.width=Math.min(this.editorWidth,this.originalWidth),this.getScaledImageDimensions._.dimensions.height=Math.round(this.originalHeight*(this.getScaledImageDimensions._.dimensions.width/this.originalWidth))),this.getScaledImageDimensions._.dimensions},_zoomImage:function(){void 0===this._zoomImage._&&(this._zoomImage._={}),this._zoomImage._.imageDimensions=this.getScaledImageDimensions(),this.image.set({width:this._zoomImage._.imageDimensions.width*this.zoomRatio,height:this._zoomImage._.imageDimensions.height*this.zoomRatio})},_getPrevTab:function(){const t=this._getActiveTabIndex();if(t<0)return;let e;return e=t>0?t-1:this.$tabs.length-1,this.$tabs.eq(e)},_getNextTab:function(){const t=this._getActiveTabIndex();if(t<0)return;let e;return e=t{switch(t.keyCode){case Garnish.LEFT_KEY:case Garnish.UP_KEY:t.preventDefault();const e=this._getPrevTab();this.activateTab(e);break;case Garnish.RIGHT_KEY:case Garnish.DOWN_KEY:t.preventDefault();const i=this._getNextTab();this.activateTab(i)}}),this.addListener($(".rotate-left"),"click",function(){this.rotateImage(-90)}),this.addListener($(".rotate-right"),"click",function(){this.rotateImage(90)}),this.addListener($(".flip-vertical"),"click",function(){this.flipImage("y")}),this.addListener($(".flip-horizontal"),"click",function(){this.flipImage("x")}),this.addListener(this.$fabricElementEditBtn,"click",t=>{this._handleEditButtonClick(t)}),this.addListener(this.$fabricElementEditBtn,"keydown",t=>{this.dragEditMode=!1,this._handleKeydownOnFabricElementEditBtn(t)}),this.addListener(Garnish.$doc,"focusin",t=>{const e=$(t.target).is(this.$fabricElementEditBtn),i=this.handleFocusIndicator||this.rectangleHasFocusOutline;(e||i&&!e)&&(this.focusedEditButton=e?$(t.target):null,this._resetEditState(),this.clipper&&(this._redrawCropperElements(),this.renderCropper()))}),this.straighteningInput=new Craft.SlideRuleInput("slide-rule",{onStart:()=>{this._showGrid()},onChange:t=>{this.straighten(t)},onEnd:()=>{this._hideGrid(),this._cleanupFocalPointAfterStraighten()}}),this.addListener(Garnish.$doc,"keydown",function(t){t.keyCode===Garnish.SHIFT_KEY&&(this.shiftKeyHeld=!0)}),this.addListener(Garnish.$doc,"keyup",function(t){t.keyCode===Garnish.SHIFT_KEY&&(this.shiftKeyHeld=!1)}),this.addListener(this.$constraintRadioInputs,"change",this._handleConstraintChange),this.orientationBtnGroup=new Craft.Listbox(this.$orientationField,{onChange:t=>{this._handleOrientationClick(t)}}),this.addListener($(".constraint-group .custom input",this.$container),"keyup",this._applyCustomConstraint)},_handleConstraintClick:function(t){var e=$(t.currentTarget).data("constraint"),i=$(t.currentTarget);if(i.siblings().removeClass("active"),i.addClass("active"),"custom"==e)return this._showCustomConstraint(),void this._applyCustomConstraint();this._hideCustomConstraint(),this.setCroppingConstraint(e),this.enforceCroppingConstraint()},_handleConstraintChange:function(t){const e=$(t.target).val();if("custom"==e)return this._showCustomConstraint(),void this._applyCustomConstraint();this._hideCustomConstraint(),this.setCroppingConstraint(e),this.enforceCroppingConstraint()},_handleOrientationClick:function(t){if(t.data("value")===this.constraintOrientation)return;this.constraintOrientation=t.data("value");const e=$(".flip",this.$constraintContainer);for(var i=0;i0&&t.h>0&&(this.setCroppingConstraint(t.w/t.h),this.enforceCroppingConstraint())},_getCustomConstraint:function(){var t=parseFloat($(".custom-constraint-w").val()),e=parseFloat($(".custom-constraint-h").val());return{w:isNaN(t)?0:t,h:isNaN(e)?0:e}},_setCustomConstraint:function(t,e){$(".custom-constraint-w").val(parseFloat(t)),$(".custom-constraint-h").val(parseFloat(e))},_hideCustomConstraint:function(){this.showingCustomConstraint=!1,this.$customConstraints.addClass("hidden"),$(".orientation",this.$container).removeClass("hidden")},_showCustomConstraint:function(){this.showingCustomConstraint||(this.showingCustomConstraint=!0,this.$customConstraints.removeClass("hidden"),$(".orientation",this.$container).addClass("hidden"))},_handleTabClick:function(t){if(!this.animationInProgress){var e=$(t.currentTarget);this.activateTab(e)}},activateTab:function(t){const e=$(t).data("view");this.$tabs.removeClass("selected").attr({"aria-selected":"false",tabindex:"-1"}),$(t).addClass("selected").attr({"aria-selected":"true",tabindex:"0"}).focus(),this.showView(e)},showView:function(t){this.currentView!==t&&(this.$views.addClass("hidden"),this.$views.filter('[data-view="'+t+'"]').removeClass("hidden"),"rotate"===t?this.enableSlider():this.disableSlider(),this.updateSizeAndPosition(),"crop"===this.currentView&&"crop"!==t?this._queue.push(()=>new Promise((t,e)=>{this.disableCropMode(),t()})):"crop"!==this.currentView&&"crop"===t&&this._queue.push(()=>new Promise((t,e)=>{this.enableCropMode(),t()})),this.currentView=t)},storeCropperState:function(t){void 0===this.storeCropperState._&&(this.storeCropperState._={}),t?this.cropperState=t:this.clipper?(this.storeCropperState._.zoomFactor=1/this.zoomRatio,this.cropperState={offsetX:(this.clipper.left-this.image.left)*this.storeCropperState._.zoomFactor,offsetY:(this.clipper.top-this.image.top)*this.storeCropperState._.zoomFactor,height:this.clipper.height*this.storeCropperState._.zoomFactor,width:this.clipper.width*this.storeCropperState._.zoomFactor,imageDimensions:this.getScaledImageDimensions()}):(this.storeCropperState._.dimensions=this.getScaledImageDimensions(),this.cropperState={offsetX:0,offsetY:0,height:this.storeCropperState._.dimensions.height,width:this.storeCropperState._.dimensions.width,imageDimensions:this.storeCropperState._.dimensions})},storeFocalPointState:function(t){void 0===this.storeFocalPointState._&&(this.storeFocalPointState._={}),t?this.focalPointState=t:this.focalPoint&&(this.storeFocalPointState._.zoomFactor=1/this.zoomRatio,this.focalPointState={offsetX:(this.focalPoint.left-this.image.left)*this.storeFocalPointState._.zoomFactor/this.scaleFactor,offsetY:(this.focalPoint.top-this.image.top)*this.storeFocalPointState._.zoomFactor/this.scaleFactor,imageDimensions:this.getScaledImageDimensions()})},rotateImage:function(t){if(!this.animationInProgress){if(90!==t&&-90!==t)return!1;this.animationInProgress=!0,this.viewportRotation+=t,this.viewportRotation=parseInt((this.viewportRotation+360)%360,10);var e,i=this.image.angle+t,s=this.getScaledImageDimensions();e=this.hasOrientationChanged()?this.getZoomToCoverRatio({height:s.width,width:s.height}):this.getZoomToCoverRatio(s),this.zoomRatio>e&&(e=this.zoomRatio);var n={angle:90===t?"+=90":"-=90"},a={angle:i,width:s.width*e,height:s.height*e},r=1;this.scaleFactor<1?(r=1/this.scaleFactor,this.scaleFactor=1):(this.viewport.width>this.editorHeight?r=this.editorHeight/this.viewport.width:this.viewport.height>this.editorWidth&&(r=this.editorWidth/this.viewport.height),this.scaleFactor=r),r<1&&(a.width*=r,a.height*=r);var o=this.cropperState,l=o.offsetX,h=o.offsetY,d=t*(Math.PI/180),c=l*Math.cos(d)-h*Math.sin(d),u=l*Math.sin(d)+h*Math.cos(d),p=s.width/o.imageDimensions.width,f=c*p*this.zoomRatio*this.scaleFactor,g=u*p*this.zoomRatio*this.scaleFactor;a.left=this.editorWidth/2-f,a.top=this.editorHeight/2-g,o.offsetX=c,o.offsetY=u;var m=o.width;o.width=o.height,o.height=m,this.storeCropperState(o),this.focalPoint&&this.canvas.remove(this.focalPoint),this.viewport.animate(n,{duration:this.settings.animationDuration,onComplete:()=>{var t=this.viewport.height*r;this.viewport.height=this.viewport.width*r,this.viewport.width=t,this.viewport.set({angle:0})}}),this.image.animate(a,{onChange:this.canvas.renderAll.bind(this.canvas),duration:this.settings.animationDuration,onComplete:()=>{var e=parseFloat((this.image.angle+360)%360);this.image.set({angle:e}),this.animationInProgress=!1,this.focalPoint?(this._adjustFocalPointByAngle(t),this.straighten(this.straighteningInput),this.canvas.add(this.focalPoint)):this._resetFocalPointPosition()}})}},flipImage:function(t){if(!this.animationInProgress){this.animationInProgress=!0,this.hasOrientationChanged()&&(t="y"===t?"x":"y"),this.focalPoint?this.canvas.remove(this.focalPoint):this._resetFocalPointPosition();var e={x:this.editorWidth/2,y:this.editorHeight/2};this.straighteningInput.setValue(-this.imageStraightenAngle),this.imageStraightenAngle=-this.imageStraightenAngle;var i,s,n={angle:this.viewportRotation+this.imageStraightenAngle},a=this.cropperState,r=this.focalPointState;"y"===t&&this.hasOrientationChanged()||"y"!==t&&!this.hasOrientationChanged()?(a.offsetX=-a.offsetX,r.offsetX=-r.offsetX,s=this.image.left-e.x,n.left=e.x-s):(a.offsetY=-a.offsetY,r.offsetY=-r.offsetY,i=this.image.top-e.y,n.top=e.y-i),"y"===t?(n.scaleY=-1*this.image.scaleY,this.flipData.y=1-this.flipData.y):(n.scaleX=-1*this.image.scaleX,this.flipData.x=1-this.flipData.x),this.storeCropperState(a),this.storeFocalPointState(r);var o=this.image._set;this.image._set=function(t,e){return"scaleX"===t||"scaleY"===t?(this[t]=e,this.dirty=!0,this):o.call(this,t,e)},this.image.flipX=!1,this.image.flipY=!1,this.image.animate(n,{onChange:this.canvas.renderAll.bind(this.canvas),duration:this.settings.animationDuration,onComplete:()=>{this.image._set=o,this.animationInProgress=!1,this.focalPoint&&(this._adjustFocalPointByAngle(0),this.canvas.add(this.focalPoint))}})}},straighten:function(t){if(!this.animationInProgress){this.animationInProgress=!0;var e=this.image.angle;this.imageStraightenAngle=(this.settings.allowDegreeFractions?parseFloat(t.value):Math.round(parseFloat(t.value)))%360,this.image.set({angle:this.viewportRotation+this.imageStraightenAngle}),this.zoomRatio=this.getZoomToCoverRatio(this.getScaledImageDimensions())*this.scaleFactor,this._zoomImage(),this.cropperState&&this._adjustEditorElementsOnStraighten(e),this.renderImage(),this.animationInProgress=!1}},_adjustEditorElementsOnStraighten:function(t){var e,i,s,n,a,r=this.getScaledImageDimensions(),o=this.image.angle-t,l=this.cropperState,h=this.zoomRatio,d=1;do{var c=l.offsetX,u=l.offsetY,p=o*(Math.PI/180);s=c*Math.cos(p)-u*Math.sin(p),n=c*Math.sin(p)+u*Math.cos(p),e=s*h*(a=r.width/l.imageDimensions.width),i=n*h*a;var f=this.getImageVerticeCoords(h),g={width:this.viewport.width,height:this.viewport.height,left:this.editorWidth/2-this.viewport.width/2+e,top:this.editorHeight/2-this.viewport.height/2+i};h*=d=this._getZoomRatioToFitRectangle(g,f)}while(1!==d);this.image.set({left:this.editorWidth/2-e,top:this.editorHeight/2-i}),l.offsetX=s,l.offsetY=n,l.width=this.viewport.width/h/a,l.height=this.viewport.height/h/a,this.storeCropperState(l),this.zoomRatio=h,this.focalPoint?(this._adjustFocalPointByAngle(o),this._isCenterInside(this.focalPoint,this.viewport)?this.focalPoint.set({opacity:1}):this.focalPoint.set({opacity:0})):0!==o&&this._resetFocalPointPosition(),this._zoomImage()},_cleanupFocalPointAfterStraighten:function(){if(this.focalPoint&&!this._isCenterInside(this.focalPoint,this.viewport)){this.focalPoint.set({opacity:1});var t=this.focalPointState;t.offsetX=0,t.offsetY=0,this.storeFocalPointState(t),this.toggleFocalPoint()}},_resetFocalPointPosition:function(){var t=this.focalPointState;t.offsetX=0,t.offsetY=0,this.storeFocalPointState(t)},_isCenterInside:function(t,e){return t.left>e.left-e.width/2&&t.top>e.top-e.height/2&&t.left{this.onSave(t),i&&Craft.broadcaster&&Craft.broadcaster.postMessage({event:"saveElement",id:this.assetId}),this.hide(),Craft.cp.runQueue(),Craft.Preview.refresh()}).catch(({response:t})=>{Craft.cp.displayError(t.data.message)}).finally(()=>{this.$buttons.find(".btn").removeClass("loading"),this.saving=!1})},getZoomToCoverRatio:function(t){var e=Math.abs(this.imageStraightenAngle)*(Math.PI/180),i=Math.sin(e)*t.height+Math.cos(e)*t.width,s=Math.sin(e)*t.width+Math.cos(e)*t.height;return Math.max(i/t.width,s/t.height)},getZoomToFitRatio:function(t){var e=this._getImageBoundingBox(t),i=1;if(e.height>this.editorHeight||e.width>this.editorWidth){var s=this.editorHeight/e.height,n=this.editorWidth/e.width;i=Math.min(n,s)}return i},getCombinedZoomRatio:function(t){return this.getZoomToCoverRatio(t)/this.getZoomToFitRatio(t)},_showGrid:function(){if(!this.grid){var t,e={strokeWidth:1,stroke:"rgba(255,255,255,0.5)"},i=this.viewport.width,s=this.viewport.height,n=i/9,a=s/9,r=[new fabric.Rect({strokeWidth:2,stroke:this.settings.colors.white,originX:"center",originY:"center",width:i,height:s,left:i/2,top:s/2,fill:"rgba(255,255,255,0)"})];for(t=1;t<=8;t++)r.push(new fabric.Line([t*n,0,t*n,s],e));for(t=1;t<=8;t++)r.push(new fabric.Line([0,t*a,i,t*a],e));this.grid=new fabric.Group(r,{left:this.editorWidth/2,top:this.editorHeight/2,originX:"center",originY:"center",angle:this.viewport.angle}),this.canvas.add(this.grid),this.renderImage()}},_hideGrid:function(){this.canvas.remove(this.grid),this.grid=null,this.renderImage()},onFadeOut:function(){this.destroy()},show:function(){this.base(),Garnish.$bod.addClass("no-scroll")},hide:function(){this.removeAllListeners(),this.straighteningInput.removeAllListeners(),Garnish.$bod.removeClass("no-scroll"),this.base()},onSave:function(t){this.settings.onSave(t),this.trigger("save")},enableSlider:function(){this.$imageTools.removeClass("hidden")},disableSlider:function(){this.$imageTools.addClass("hidden")},enableCropMode:function(){var t=this.getScaledImageDimensions();this.zoomRatio=this.getZoomToFitRatio(t);var e={width:this.editorWidth,height:this.editorHeight},i={width:t.width*this.zoomRatio,height:t.height*this.zoomRatio,left:this.editorWidth/2,top:this.editorHeight/2};this._editorModeTransition(()=>{this._setFittedImageVerticeCoordinates();var t=this.cropperState,e=this.getScaledImageDimensions(),i=e.width/t.imageDimensions.width,s={left:this.image.left+t.offsetX*i*this.zoomRatio,top:this.image.top+t.offsetY*i*this.zoomRatio,width:t.width*i*this.zoomRatio,height:t.height*i*this.zoomRatio};this._showCropper(s),this.focalPoint&&(i=e.width/this.focalPointState.imageDimensions.width,this.focalPoint.left=this.image.left+this.focalPointState.offsetX*i*this.zoomRatio,this.focalPoint.top=this.image.top+this.focalPointState.offsetY*i*this.zoomRatio,this.canvas.add(this.focalPoint))},i,e)},disableCropMode:function(){var t={};this._hideCropper();var e=this.getScaledImageDimensions(),i=this.getZoomToCoverRatio(e)*this.scaleFactor,s=i/this.zoomRatio;this.zoomRatio=i;var n={width:e.width*this.zoomRatio,height:e.height*this.zoomRatio,left:this.editorWidth/2,top:this.editorHeight/2},a=(this.clipper.left-this.image.left)*s,r=(this.clipper.top-this.image.top)*s;n.left=this.editorWidth/2-a,n.top=this.editorHeight/2-r,t.height=this.clipper.height*s,t.width=this.clipper.width*s,(!this.focalPoint||this.focalPoint&&!this._isCenterInside(this.focalPoint,this.clipper))&&(this.focalPoint&&this.toggleFocalPoint(),this._resetFocalPointPosition()),this._editorModeTransition(()=>{if(this.focalPoint){var t=this.getScaledImageDimensions().width/this.focalPointState.imageDimensions.width;this.focalPoint.left=this.image.left+this.focalPointState.offsetX*t*this.zoomRatio,this.focalPoint.top=this.image.top+this.focalPointState.offsetY*t*this.zoomRatio,this.canvas.add(this.focalPoint)}},n,t)},_editorModeTransition:function(t,e,i){this._queue.pause(),this.animationInProgress||(this.animationInProgress=!0,this.focalPoint&&(this.canvas.remove(this.focalPoint),this.renderImage()),this.image.animate(e,{onChange:this.canvas.renderAll.bind(this.canvas),duration:this.settings.animationDuration,onComplete:()=>{t(),this.animationInProgress=!1,this.renderImage(),this._queue.resume()}}),this.viewport.animate(i,{duration:this.settings.animationDuration}))},_showSpinner:function(){this.$spinner||(this.$spinner=$('')),this.$spinner.appendTo(this.$container.find(".image"))},_hideSpinner:function(){this.$spinner.remove()},_showCropper:function(t){this._setupCropperLayer(t),this._redrawCropperElements(),this.renderCropper()},_hideCropper:function(){this.clipper&&(this.croppingCanvas.remove(this.clipper),this.croppingCanvas.remove(this.croppingShade),this.croppingCanvas.remove(this.cropperHandles),this.croppingCanvas.remove(this.cropperGrid),this.croppingCanvas.remove(this.croppingRectangle),this.croppingCanvas=null,this.renderCropper=null)},_setupCropperLayer:function(t){this.croppingCanvas=new fabric.StaticCanvas("cropping-canvas",{backgroundColor:this.settings.colors.transparent,hoverCursor:"default",selection:!1}),this.croppingCanvas.setDimensions({width:this.editorWidth,height:this.editorHeight}),this.renderCropper=()=>Garnish.requestAnimationFrame(this.croppingCanvas.renderAll.bind(this.croppingCanvas)),$("#cropping-canvas",this.$editorContainer).css({position:"absolute",top:0,left:0}),this.croppingShade=new fabric.Rect({left:this.editorWidth/2,top:this.editorHeight/2,originX:"center",originY:"center",width:this.editorWidth,height:this.editorHeight,fill:this.settings.colors.transparentBlack});var e=this.getScaledImageDimensions(),i=0===this.imageStraightenAngle?1:1.2*this.getCombinedZoomRatio(e),s=e.width/i,n=e.height/i;if(this.hasOrientationChanged()){var a=n;n=s,s=a}this.clipper=new fabric.Rect({left:this.editorWidth/2,top:this.editorHeight/2,originX:"center",originY:"center",width:s,height:n,stroke:"black",fill:"rgba(128,0,0,1)",strokeWidth:0}),t&&this.clipper.set(t),this.clipper.globalCompositeOperation="destination-out",this.croppingCanvas.add(this.croppingShade),this.croppingCanvas.add(this.clipper)},_redrawCropperElements:function(){this.croppingCanvas&&(void 0===this._redrawCropperElements._&&(this._redrawCropperElements._={}),this.cropperHandles&&(this.croppingCanvas.remove(this.cropperHandles),this.croppingCanvas.remove(this.cropperGrid),this.croppingCanvas.remove(this.croppingRectangle)),this.handleFocusIndicator&&(this.croppingCanvas.remove(this.handleFocusIndicator),this.handleFocusIndicator=null),this._redrawCropperElements._.lineOptions={strokeWidth:4,stroke:this.settings.colors.white,fill:!1},this._redrawCropperElements._.gridOptions={strokeWidth:2,stroke:"rgba(255,255,255,0.5)"},this._redrawCropperElements._.pathGroup=[new fabric.Path("M 0,10 L 0,0 L 10,0",this._redrawCropperElements._.lineOptions),new fabric.Path("M "+(this.clipper.width-8)+",0 L "+(this.clipper.width+4)+",0 L "+(this.clipper.width+4)+",10",this._redrawCropperElements._.lineOptions),new fabric.Path("M "+(this.clipper.width+4)+","+(this.clipper.height-8)+" L"+(this.clipper.width+4)+","+(this.clipper.height+4)+" L "+(this.clipper.width-8)+","+(this.clipper.height+4),this._redrawCropperElements._.lineOptions),new fabric.Path("M 10,"+(this.clipper.height+4)+" L 0,"+(this.clipper.height+4)+" L 0,"+(this.clipper.height-8),this._redrawCropperElements._.lineOptions)],this.cropperHandles=new fabric.Group(this._redrawCropperElements._.pathGroup,{left:this.clipper.left,top:this.clipper.top,originX:"center",originY:"center"}),this.handleFocusIndicator=this._getHandleFocusIndicator(),this.croppingRectangle=this._getCroppingRectangle(),this.cropperGrid=new fabric.Group([new fabric.Line([.33*this.clipper.width,0,.33*this.clipper.width,this.clipper.height],this._redrawCropperElements._.gridOptions),new fabric.Line([.66*this.clipper.width,0,.66*this.clipper.width,this.clipper.height],this._redrawCropperElements._.gridOptions),new fabric.Line([0,.33*this.clipper.height,this.clipper.width,.33*this.clipper.height],this._redrawCropperElements._.gridOptions),new fabric.Line([0,.66*this.clipper.height,this.clipper.width,.66*this.clipper.height],this._redrawCropperElements._.gridOptions)],{left:this.clipper.left,top:this.clipper.top,originX:"center",originY:"center"}),this._redrawCropperElements._.cropTextTop=this.croppingRectangle.top+this.clipper.height/2+12,this._redrawCropperElements._.cropTextBackgroundColor=this.settings.colors.transparent,this._redrawCropperElements._.cropTextTop+12>this.editorHeight-2&&(this._redrawCropperElements._.cropTextTop-=24,this._redrawCropperElements._.cropTextBackgroundColor="rgba(0,0,0,0.5)"),this.croppingCanvas.add(this.croppingRectangle),this.croppingCanvas.add(this.cropperHandles),this.croppingCanvas.add(this.cropperGrid),this.handleFocusIndicator&&this.croppingCanvas.add(this.handleFocusIndicator))},_resetEditState:function(){this.cropperPickedUp=!1,this.handlePicked=!1,this.focalPickedUp=!1},_getRectangleButtonIsFocused:function(){if(this.focusedEditButton)return"rectangle"===this._getElementHandleFromButton(this.focusedEditButton)},_getHandleButtonIsFocused:function(){if(this.focusedEditButton){const t=this._getElementHandleFromButton(this.focusedEditButton);return"rectangle"!==t&&"focalpoint"!==t}},_getCroppingRectangle:function(){const t=this.clipper.width,e=this.clipper.height;this.rectangleHasFocusOutline=!1;const i={fill:this.settings.colors.transparent,top:0,left:0,strokeWidth:2,originX:"center",originY:"center"},s=new fabric.Rect({width:t+8,height:e+8,stroke:null,...i}),n=new fabric.Rect({width:t+4,height:e+4,stroke:null,...i}),a=new fabric.Rect({width:t,height:e,stroke:this.settings.colors.white,...i}),r=new fabric.Group([s,n,a],{originX:"center",originY:"center",left:this.clipper.left,top:this.clipper.top});if((this.cropperPickedUp||this._getRectangleButtonIsFocused())&&(this.rectangleHasFocusOutline=!0,s.set({stroke:this.settings.colors.white}),n.set({stroke:this.mediumBlueColor}),this.cropperPickedUp)){const t=new fabric.Circle({fill:this.settings.colors.black,top:0,left:0,radius:15,stroke:this.settings.colors.white,strokeWidth:2,originX:"center",originY:"center"});r.add(t),r.add(this.moveIcon)}return r},_getHandleFocusIndicator:function(){if(this.dragEditMode||!this._getHandleButtonIsFocused()&&!this.handlePicked)return;const t=this.handlePicked?this.handlePicked:this._getElementHandleFromButton(this.focusedEditButton);let e=this._getClipperHandlePosition(t);const i={fill:null,strokeWidth:3,left:0,top:0,originX:"center",originY:"center"},s=new fabric.Circle({radius:12,stroke:this.mediumBlueColor,...i}),n=new fabric.Circle({radius:15,stroke:this.settings.colors.white,...i}),a=new fabric.Circle({radius:18,stroke:this.mediumBlueColor,...i}),r=new fabric.Group([a,n,s],{originX:"center",originY:"center",left:e.x,top:e.y});return this.handlePicked&&(r.add(this.moveIcon),r.item(0).set({fill:this.settings.colors.transparentBlack})),r},_repositionCropper:function(t){if(this.croppingCanvas){var e=this.clipper.left-this.croppingCanvas.width/2,i=this.clipper.top-this.croppingCanvas.height/2;this.croppingCanvas.setDimensions({width:this.editorWidth,height:this.editorHeight});var s=this._getBoundingRectangle(this.imageVerticeCoords).width/t.width;this.clipper.width=Math.round(this.clipper.width*s),this.clipper.height=Math.round(this.clipper.height*s),this.clipper.left=this.editorWidth/2+e*s,this.clipper.top=this.editorHeight/2+i*s,this.croppingShade.set({width:this.editorWidth,height:this.editorHeight,left:this.editorWidth/2,top:this.editorHeight/2}),this._redrawCropperElements(),this.renderCropper()}},_getBoundingRectangle:function(t){return{width:Math.max(t.a.x,t.b.x,t.c.x,t.d.x)-Math.min(t.a.x,t.b.x,t.c.x,t.d.x),height:Math.max(t.a.y,t.b.y,t.c.y,t.d.y)-Math.min(t.a.y,t.b.y,t.c.y,t.d.y)}},_handleEditButtonClick:function(t){const e=$(t.target.closest("button")),i="true"===e.attr("aria-pressed"),s=this._getElementHandleFromButton(e);"focalpoint"===s&&this.toggleFocalPoint(),i?this._dropFabricElement(s):(this.dragEditMode=!1,this._pickUpFabricElement(s))},_getRelativePositionMessage:function(t){if(t.left&&t.top)return`Centered at X axis: ${((t.left-this.image.left+this.image.width/2)/this.image.width*100).toFixed(1)}%, Y axis: ${((t.top-this.image.top+this.image.height/2)/this.image.height*100).toFixed(1)}%.`},_getSizeAndRelativePositionMessage:function(t){const e=this._getRelativePositionMessage(t);return`Crop rectangle width: ${t.width}px, height:${t.height}px. ${e}`},_announce:function(t){this.announceTimeout&&clearTimeout(this.announceTimeout),this.announceTimeout=setTimeout(()=>{Craft.cp.announce(t),this.announceTimeout=null},300)},_getElementHandleFromButton:function(t){return $(t).attr("data-fabric-element")},_getEditButtonFromElementHandle:function(t){return this.$fabricElementEditBtn.filter(`[data-fabric-element="${t}"]`)},_pickUpFabricElement:function(t){this._resetEditState();let e="",i="",s="";const n=this._getEditButtonFromElementHandle(t);n.attr("aria-pressed","true");const a=n.attr("data-item-name");"rectangle"===t?(this.cropperPickedUp=!0,i=this._getRelativePositionMessage(this.clipper)):"focalpoint"===t?(this.focalPickedUp=!0,i=this._getRelativePositionMessage(this.focalPoint)):this.handlePicked=t,e=Craft.t("app","{item} picked up.",{item:a}),s+=Craft.t("app","Use the arrow keys to change position, Tab or Spacebar to drop."),this._announce(`${e} ${i} ${s}`),this.renderCropper&&(this._redrawCropperElements(),this.renderCropper())},_dropFabricElement:function(t){const e=this._getEditButtonFromElementHandle(t),i=e.attr("data-item-name");let s="";"rectangle"===t?s=this._getRelativePositionMessage(this.clipper):"focalpoint"===t&&(s=this._getRelativePositionMessage(this.prevFocalPoint)),this._resetEditState(),e.attr("aria-pressed","false");const n=Craft.t("app","{item} dropped.",{item:i});this._announce(`${n} ${s}`),this.renderCropper&&(this._redrawCropperElements(),this.renderCropper())},_toggleFocalModeStyles:function(){let t,e;this.focalPickedUp?(t=2,e="rgba(0,0,0,0.5)",$(".body").css("cursor","grabbing")):(t=0,e=this.settings.colors.transparent,$(".body").css("cursor","pointer")),this.focalPointPickedIndicator.set({strokeWidth:t,fill:e}),this.canvas.renderAll()},_handleKeydownOnFabricElementEditBtn:function(t){const{target:e}=t;(this.focalPoint||this.cropperPickedUp||this.handlePicked)&&[Garnish.LEFT_KEY,Garnish.RIGHT_KEY,Garnish.UP_KEY,Garnish.DOWN_KEY].includes(t.keyCode)&&(event.preventDefault(),this._handleFabricElementKeyboardEdit(t))},_handleMouseDown:function(t){this.dragEditMode=!0;var e=this.focalPoint&&this._isMouseOver(t,this.focalPoint),i=this.croppingCanvas&&this._isMouseOver(t,this.clipper),s=this.croppingCanvas&&this._cropperHandleHitTest(t);(s||i||e)&&(this.previousMouseX=t.pageX,this.previousMouseY=t.pageY,e?this.focalClicked=!0:s?this.handlePicked=s:i&&(this.cropperClicked=!0))},_handleMouseMove:function(t){null!==this.mouseMoveEvent&&Garnish.requestAnimationFrame(this._handleMouseMoveInternal.bind(this)),this.mouseMoveEvent=t},_handleMouseMoveInternal:function(){null!==this.mouseMoveEvent&&(this.dragEditMode&&(this.focalPoint&&this.focalClicked?(this.draggingFocal=!0,this._handleFocalDrag(this.mouseMoveEvent),this.storeFocalPointState(),this.renderImage()):(this.cropperClicked||this.handlePicked)&&(this.cropperClicked?(this.draggingCropper=!0,this._handleCropperDrag(this.mouseMoveEvent)):(this.scalingCropper=!0,this._handleCropperResize(this.mouseMoveEvent)),this._redrawCropperElements(),this.storeCropperState(),this.renderCropper())),this._setMouseCursor(this.mouseMoveEvent),this.previousMouseX=this.mouseMoveEvent.pageX,this.previousMouseY=this.mouseMoveEvent.pageY,this.mouseMoveEvent=null)},_handleMouseUp:function(t){this.focalClicked?this.draggingFocal||(this.focalPickedUp=!this.focalPickedUp,this._toggleFocalModeStyles()):!this.focalPickedUp||this.draggingFocal||this.draggingCropper||this.scalingCropper||this._handleFocalClickToMove(t),this.draggingCropper=!1,this.cropperClicked=!1,this.scalingCropper=!1,this.handlePicked=!1,this.draggingFocal=!1,this.focalClicked=!1},_handleMouseOut:function(t){this._handleMouseUp(t),this.mouseMoveEvent=t,this._handleMouseMoveInternal()},_handleFocalClickToMove:function(t){if(void 0===this._handleFocalClickToMove._&&(this._handleFocalClickToMove._={}),!this.focalPoint)return;this.focalPoint.get("left"),this.focalPoint.get("top");const e=this.$croppingCanvas.offset(),i=e.left,s=e.top;if(this._handleFocalClickToMove._.newX=t.pageX-i,this._handleFocalClickToMove._.newY=t.pageY-s,"crop"===this.currentView){if(!this.arePointsInsideRectangle([{x:this._handleFocalClickToMove._.newX,y:this._handleFocalClickToMove._.newY}],this.imageVerticeCoords))return}else if(!this.isPointInsideViewport({x:this._handleFocalClickToMove._.newX,y:this._handleFocalClickToMove._.newY}))return;this.focalPoint.set({left:this._handleFocalClickToMove._.newX,top:this._handleFocalClickToMove._.newY}),this.storeFocalPointState(),this.renderImage()},_getClipperRectProperties:function(){return{left:this.clipper.left-this.clipper.width/2,top:this.clipper.top-this.clipper.height/2,width:this.clipper.width,height:this.clipper.height}},_getClipperHandlePosition:function(t){let e={x:null,y:null};switch(t){case"tl":e.x=this.clipper.left-this.clipper.width/2,e.y=this.clipper.top-this.clipper.height/2;break;case"t":e.x=this.clipper.left,e.y=this.clipper.top-this.clipper.height/2;break;case"b":e.x=this.clipper.left,e.y=this.clipper.top+this.clipper.height/2;break;case"tr":e.x=this.clipper.left+this.clipper.width/2,e.y=this.clipper.top-this.clipper.height/2;break;case"r":e.x=this.clipper.left+this.clipper.width/2,e.y=this.clipper.top;break;case"l":e.x=this.clipper.left-this.clipper.width/2,e.y=this.clipper.top;break;case"br":e.x=this.clipper.left+this.clipper.width/2,e.y=this.clipper.top+this.clipper.height/2;break;case"bl":e.x=this.clipper.left-this.clipper.width/2,e.y=this.clipper.top+this.clipper.height/2}return e},_handleFabricElementKeyboardEdit:function(t){let e;switch(t.keyCode){case Garnish.LEFT_KEY:e="left";break;case Garnish.RIGHT_KEY:e="right";break;case Garnish.UP_KEY:e="up";break;case Garnish.DOWN_KEY:e="down"}const i=this._getDeltaValuesFromDirection(e);this.cropperPickedUp?this._moveCropperByDelta(i.deltaX,i.deltaY):this.handlePicked?this._resizeCropperByHandleAndDeltas(this.handlePicked,{x:i.deltaX,y:i.deltaY}):this.focalPickedUp&&(this._moveFocalPointByDelta(i.deltaX,i.deltaY),this.storeFocalPointState(),this.renderImage())},_resizeCropperByHandleAndDeltas:function(t,e){void 0===this._resizeCropperByHandleAndDeltas._&&(this._resizeCropperByHandleAndDeltas._={}),this._resizeCropperByHandleAndDeltas._.startingRectangle=this._getClipperRectProperties(),this._resizeCropperByHandleAndDeltas._.rectangle=this._calculateNewCropperSizeByDeltas(this._resizeCropperByHandleAndDeltas._.startingRectangle,e.x,e.y,t),this._resizeCropperByHandleAndDeltas._.rectangle.height<30||this._resizeCropperByHandleAndDeltas._.rectangle.width<30||this.arePointsInsideRectangle(this._getRectangleVertices(this._resizeCropperByHandleAndDeltas._.rectangle),this.imageVerticeCoords)&&(this.clipper.set({top:this._resizeCropperByHandleAndDeltas._.rectangle.top+this._resizeCropperByHandleAndDeltas._.rectangle.height/2,left:this._resizeCropperByHandleAndDeltas._.rectangle.left+this._resizeCropperByHandleAndDeltas._.rectangle.width/2,width:this._resizeCropperByHandleAndDeltas._.rectangle.width,height:this._resizeCropperByHandleAndDeltas._.rectangle.height}),this._redrawCropperElements(),this._announce(this._getSizeAndRelativePositionMessage(this.clipper)))},_getDeltaValuesFromDirection:function(t){let e={deltaX:0,deltaY:0};switch(t){case"up":e.deltaY=-5;break;case"down":e.deltaY=5;break;case"left":e.deltaX=-5;break;case"right":e.deltaX=5}return e},_moveCropperByDelta:function(t,e){void 0===this._moveCropperByDelta._&&(this._moveCropperByDelta._={}),this._moveCropperByDelta._.deltaX=t,this._moveCropperByDelta._.deltaY=e,this._moveCropperByDelta._.rectangle=this._getClipperRectProperties();const i=this._getRectangleVertices(this._moveCropperByDelta._.rectangle,this._moveCropperByDelta._.deltaX,this._moveCropperByDelta._.deltaY);if(!this.arePointsInsideRectangle(i,this.imageVerticeCoords)){const{farthest:t,farthestDeltas:e}=this._getFarthestAllowedDeltasForRectangle(this._moveCropperByDelta._.rectangle,{x:this._moveCropperByDelta._.deltaX,y:this._moveCropperByDelta._.deltaY});if(0==t)return;this._moveCropperByDelta._.deltaX=e.x,this._moveCropperByDelta._.deltaY=e.y}this.clipper.set({left:this.clipper.left+this._moveCropperByDelta._.deltaX,top:this.clipper.top+this._moveCropperByDelta._.deltaY}),this._announce(this._getRelativePositionMessage(this.clipper)),this._redrawCropperElements(),this.storeCropperState(),this.renderCropper()},_moveFocalPointByDelta:function(t,e){if(void 0===this._moveFocalPointByDelta._&&(this._moveFocalPointByDelta._={}),this.focalPoint){if(0===t&&0===e)return;if(this._moveFocalPointByDelta._.newX=this.focalPoint.left+t,this._moveFocalPointByDelta._.newY=this.focalPoint.top+e,"crop"===this.currentView){if(!this.arePointsInsideRectangle([{x:this._moveFocalPointByDelta._.newX,y:this._moveFocalPointByDelta._.newY}],this.imageVerticeCoords))return}else if(!this.isPointInsideViewport({x:this._moveFocalPointByDelta._.newX,y:this._moveFocalPointByDelta._.newY}))return;this.focalPoint.set({left:this.focalPoint.left+t,top:this.focalPoint.top+e}),this._announce(this._getRelativePositionMessage(this.focalPoint))}},_getFarthestAllowedDeltasForRectangle:function(t,e){let i=0,s=0;e.x,e.y;const n={farthest:0,farthestDeltas:{}};for(i=Math.min(Math.abs(e.x),10);i>=0;i--)for(s=Math.min(Math.abs(e.y),10);s>=0;s--){const a=this._getRectangleVertices(t,i*(e.x>0?1:-1),s*(e.y>0?1:-1));this.arePointsInsideRectangle(a,this.imageVerticeCoords)&&i+s>n.farthest&&(n.farthest=i+s,n.farthestDeltas={x:i*(e.x>0?1:-1),y:s*(e.y>0?1:-1)})}return n},_handleCropperDrag:function(t){if(void 0===this._handleCropperDrag._&&(this._handleCropperDrag._={}),this._handleCropperDrag._.deltaX=t.pageX-this.previousMouseX,this._handleCropperDrag._.deltaY=t.pageY-this.previousMouseY,0===this._handleCropperDrag._.deltaX&&0===this._handleCropperDrag._.deltaY)return!1;if(this._handleCropperDrag._.rectangle=this._getClipperRectProperties(),this._handleCropperDrag._.vertices=this._getRectangleVertices(this._handleCropperDrag._.rectangle,this._handleCropperDrag._.deltaX,this._handleCropperDrag._.deltaY),!this.arePointsInsideRectangle(this._handleCropperDrag._.vertices,this.imageVerticeCoords)){const{farthest:t,farthestDeltas:e}=this._getFarthestAllowedDeltasForRectangle(this._handleCropperDrag._.rectangle,{x:this._handleCropperDrag._.deltaX,y:this._handleCropperDrag._.deltaY});if(0==t)return;this._handleCropperDrag._.deltaX=e.x,this._handleCropperDrag._.deltaY=e.y}this.clipper.set({left:this.clipper.left+this._handleCropperDrag._.deltaX,top:this.clipper.top+this._handleCropperDrag._.deltaY})},_handleFocalDrag:function(t){void 0===this._handleFocalDrag._&&(this._handleFocalDrag._={}),this.focalPoint&&(this._handleFocalDrag._.deltaX=t.pageX-this.previousMouseX,this._handleFocalDrag._.deltaY=t.pageY-this.previousMouseY,this._moveFocalPointByDelta(this._handleFocalDrag._.deltaX,this._handleFocalDrag._.deltaY))},isPointInsideViewport(t){return this.viewport.left-this.viewport.width/2-t.x<0&&this.viewport.left+this.viewport.width/2-t.x>0&&this.viewport.top-this.viewport.height/2-t.y<0&&this.viewport.top+this.viewport.height/2-t.y>0},setCroppingConstraint:function(t){switch(this.updateSizeAndPosition(),t){case"none":this.croppingConstraint=!1;break;case"original":this.croppingConstraint=this.originalWidth/this.originalHeight;break;case"current":this.croppingConstraint=this.clipper.width/this.clipper.height;break;case"custom":break;default:this.croppingConstraint=parseFloat(t)}},enforceCroppingConstraint:function(){void 0===this.enforceCroppingConstraint._&&(this.enforceCroppingConstraint._={}),!this.animationInProgress&&this.croppingConstraint&&(this.animationInProgress=!0,this.enforceCroppingConstraint._.rectangle=this._getClipperRectProperties(),this.clipper.width>this.clipper.height*this.croppingConstraint?(this.enforceCroppingConstraint._.previousHeight=this.enforceCroppingConstraint._.rectangle.height,this.enforceCroppingConstraint._.rectangle.height=this.clipper.width/this.croppingConstraint,this.enforceCroppingConstraint._.rectangle.top-=(this.enforceCroppingConstraint._.rectangle.height-this.enforceCroppingConstraint._.previousHeight)/2,this.arePointsInsideRectangle(this._getRectangleVertices(this.enforceCroppingConstraint._.rectangle),this.imageVerticeCoords)||(this.enforceCroppingConstraint._.rectangle.width=this.clipper.height*this.croppingConstraint,this.enforceCroppingConstraint._.rectangle.height=this.enforceCroppingConstraint._.rectangle.width/this.croppingConstraint)):(this.enforceCroppingConstraint._.previousWidth=this.enforceCroppingConstraint._.rectangle.width,this.enforceCroppingConstraint._.rectangle.width=this.clipper.height*this.croppingConstraint,this.enforceCroppingConstraint._.rectangle.left-=(this.enforceCroppingConstraint._.rectangle.width-this.enforceCroppingConstraint._.previousWidth)/2,this.arePointsInsideRectangle(this._getRectangleVertices(this.enforceCroppingConstraint._.rectangle),this.imageVerticeCoords)||(this.enforceCroppingConstraint._.rectangle.height=this.clipper.width/this.croppingConstraint,this.enforceCroppingConstraint._.rectangle.width=this.enforceCroppingConstraint._.rectangle.height*this.croppingConstraint)),this.enforceCroppingConstraint._.properties={height:this.enforceCroppingConstraint._.rectangle.height,width:this.enforceCroppingConstraint._.rectangle.width},this.clipper.animate(this.enforceCroppingConstraint._.properties,{onChange:()=>{this._redrawCropperElements(),this.croppingCanvas.renderAll()},duration:this.settings.animationDuration,onComplete:()=>{this._redrawCropperElements(),this.animationInProgress=!1,this.renderCropper(),this.storeCropperState()}}))},_handleCropperResize:function(t){void 0===this._handleCropperResize._&&(this._handleCropperResize._={}),this._handleCropperResize._.deltaX=t.pageX-this.previousMouseX,this._handleCropperResize._.deltaY=t.pageY-this.previousMouseY,"b"!==this.handlePicked&&"t"!==this.handlePicked||(this._handleCropperResize._.deltaX=0),"l"!==this.handlePicked&&"r"!==this.handlePicked||(this._handleCropperResize._.deltaY=0),0===this._handleCropperResize._.deltaX&&0===this._handleCropperResize._.deltaY||this._resizeCropperByHandleAndDeltas(this.handlePicked,{x:this._handleCropperResize._.deltaX,y:this._handleCropperResize._.deltaY})},_calculateNewCropperSizeByDeltas:function(t,e,i,s){if(void 0===this._calculateNewCropperSizeByDeltas._&&(this._calculateNewCropperSizeByDeltas._={}),this._calculateNewCropperSizeByDeltas._.topDelta=0,this._calculateNewCropperSizeByDeltas._.leftDelta=0,this._calculateNewCropperSizeByDeltas._.rectangle=t,this._calculateNewCropperSizeByDeltas._.deltaX=e,this._calculateNewCropperSizeByDeltas._.deltaY=i,this.croppingConstraint){switch(this._calculateNewCropperSizeByDeltas._.change=0,s){case"t":this._calculateNewCropperSizeByDeltas._.change=-this._calculateNewCropperSizeByDeltas._.deltaY;break;case"b":this._calculateNewCropperSizeByDeltas._.change=this._calculateNewCropperSizeByDeltas._.deltaY;break;case"r":this._calculateNewCropperSizeByDeltas._.change=this._calculateNewCropperSizeByDeltas._.deltaX;break;case"l":this._calculateNewCropperSizeByDeltas._.change=-this._calculateNewCropperSizeByDeltas._.deltaX;break;case"tr":this._calculateNewCropperSizeByDeltas._.change=Math.abs(this._calculateNewCropperSizeByDeltas._.deltaY)>Math.abs(this._calculateNewCropperSizeByDeltas._.deltaX)?-this._calculateNewCropperSizeByDeltas._.deltaY:this._calculateNewCropperSizeByDeltas._.deltaX;break;case"tl":this._calculateNewCropperSizeByDeltas._.change=Math.abs(this._calculateNewCropperSizeByDeltas._.deltaY)>Math.abs(this._calculateNewCropperSizeByDeltas._.deltaX)?-this._calculateNewCropperSizeByDeltas._.deltaY:-this._calculateNewCropperSizeByDeltas._.deltaX;break;case"br":this._calculateNewCropperSizeByDeltas._.change=Math.abs(this._calculateNewCropperSizeByDeltas._.deltaY)>Math.abs(this._calculateNewCropperSizeByDeltas._.deltaX)?this._calculateNewCropperSizeByDeltas._.deltaY:this._calculateNewCropperSizeByDeltas._.deltaX;break;case"bl":this._calculateNewCropperSizeByDeltas._.change=Math.abs(this._calculateNewCropperSizeByDeltas._.deltaY)>Math.abs(this._calculateNewCropperSizeByDeltas._.deltaX)?this._calculateNewCropperSizeByDeltas._.deltaY:-this._calculateNewCropperSizeByDeltas._.deltaX}switch(this.croppingConstraint>1?(this._calculateNewCropperSizeByDeltas._.deltaX=this._calculateNewCropperSizeByDeltas._.change,this._calculateNewCropperSizeByDeltas._.deltaY=this._calculateNewCropperSizeByDeltas._.deltaX/this.croppingConstraint):(this._calculateNewCropperSizeByDeltas._.deltaY=this._calculateNewCropperSizeByDeltas._.change,this._calculateNewCropperSizeByDeltas._.deltaX=this._calculateNewCropperSizeByDeltas._.deltaY*this.croppingConstraint),this._calculateNewCropperSizeByDeltas._.rectangle.height+=this._calculateNewCropperSizeByDeltas._.deltaY,this._calculateNewCropperSizeByDeltas._.rectangle.width+=this._calculateNewCropperSizeByDeltas._.deltaX,s){case"t":this._calculateNewCropperSizeByDeltas._.rectangle.top-=this._calculateNewCropperSizeByDeltas._.deltaY,this._calculateNewCropperSizeByDeltas._.rectangle.left-=this._calculateNewCropperSizeByDeltas._.deltaX/2;break;case"b":this._calculateNewCropperSizeByDeltas._.rectangle.left+=-this._calculateNewCropperSizeByDeltas._.deltaX/2;break;case"r":this._calculateNewCropperSizeByDeltas._.rectangle.top+=-this._calculateNewCropperSizeByDeltas._.deltaY/2;break;case"l":this._calculateNewCropperSizeByDeltas._.rectangle.top-=this._calculateNewCropperSizeByDeltas._.deltaY/2,this._calculateNewCropperSizeByDeltas._.rectangle.left-=this._calculateNewCropperSizeByDeltas._.deltaX;break;case"tr":this._calculateNewCropperSizeByDeltas._.rectangle.top-=this._calculateNewCropperSizeByDeltas._.deltaY;break;case"tl":this._calculateNewCropperSizeByDeltas._.rectangle.top-=this._calculateNewCropperSizeByDeltas._.deltaY,this._calculateNewCropperSizeByDeltas._.rectangle.left-=this._calculateNewCropperSizeByDeltas._.deltaX;break;case"bl":this._calculateNewCropperSizeByDeltas._.rectangle.left-=this._calculateNewCropperSizeByDeltas._.deltaX}}else!this.shiftKeyHeld||"tl"!==s&&"tr"!==s&&"bl"!==s&&"br"!==s||(this._calculateNewCropperSizeByDeltas._.ratio,Math.abs(e)>Math.abs(i)?(this._calculateNewCropperSizeByDeltas._.ratio=t.width/t.height,this._calculateNewCropperSizeByDeltas._.deltaY=this._calculateNewCropperSizeByDeltas._.deltaX/this._calculateNewCropperSizeByDeltas._.ratio,this._calculateNewCropperSizeByDeltas._.deltaY*="tr"===s||"bl"===s?-1:1):(this._calculateNewCropperSizeByDeltas._.ratio=t.width/t.height,this._calculateNewCropperSizeByDeltas._.deltaX=this._calculateNewCropperSizeByDeltas._.deltaY*this._calculateNewCropperSizeByDeltas._.ratio,this._calculateNewCropperSizeByDeltas._.deltaX*="tr"===s||"bl"===s?-1:1)),s.match(/t/)&&(this._calculateNewCropperSizeByDeltas._.rectangle.top+=this._calculateNewCropperSizeByDeltas._.deltaY,this._calculateNewCropperSizeByDeltas._.rectangle.height-=this._calculateNewCropperSizeByDeltas._.deltaY),s.match(/b/)&&(this._calculateNewCropperSizeByDeltas._.rectangle.height+=this._calculateNewCropperSizeByDeltas._.deltaY),s.match(/r/)&&(this._calculateNewCropperSizeByDeltas._.rectangle.width+=this._calculateNewCropperSizeByDeltas._.deltaX),s.match(/l/)&&(this._calculateNewCropperSizeByDeltas._.rectangle.left+=this._calculateNewCropperSizeByDeltas._.deltaX,this._calculateNewCropperSizeByDeltas._.rectangle.width-=this._calculateNewCropperSizeByDeltas._.deltaX);return this._calculateNewCropperSizeByDeltas._.rectangle.top=this._calculateNewCropperSizeByDeltas._.rectangle.top,this._calculateNewCropperSizeByDeltas._.rectangle.left=this._calculateNewCropperSizeByDeltas._.rectangle.left,this._calculateNewCropperSizeByDeltas._.rectangle.width=this._calculateNewCropperSizeByDeltas._.rectangle.width,this._calculateNewCropperSizeByDeltas._.rectangle.height=this._calculateNewCropperSizeByDeltas._.rectangle.height,this._calculateNewCropperSizeByDeltas._.rectangle},_setMouseCursor:function(t){void 0===this._setMouseCursor._&&(this._setMouseCursor._={}),Garnish.isMobileBrowser(!0)||(this._setMouseCursor._.cursor="default",this._setMouseCursor._.handle=this.croppingCanvas&&this._cropperHandleHitTest(t),this.focalPoint&&this._isMouseOver(t,this.focalPoint)?this._setMouseCursor._.cursor="pointer":this._setMouseCursor._.handle?"t"===this._setMouseCursor._.handle||"b"===this._setMouseCursor._.handle?this._setMouseCursor._.cursor="ns-resize":"l"===this._setMouseCursor._.handle||"r"===this._setMouseCursor._.handle?this._setMouseCursor._.cursor="ew-resize":"tl"===this._setMouseCursor._.handle||"br"===this._setMouseCursor._.handle?this._setMouseCursor._.cursor="nwse-resize":"bl"!==this._setMouseCursor._.handle&&"tr"!==this._setMouseCursor._.handle||(this._setMouseCursor._.cursor="nesw-resize"):this.croppingCanvas&&this._isMouseOver(t,this.clipper)?this._setMouseCursor._.cursor="move":this.focalPickedUp&&(this._setMouseCursor._.cursor="grabbing"),$(".body").css("cursor",this._setMouseCursor._.cursor))},_cropperHandleHitTest:function(t){if(void 0===this._cropperHandleHitTest._&&(this._cropperHandleHitTest._={}),this._cropperHandleHitTest._.parentOffset=this.$croppingCanvas.offset(),this._cropperHandleHitTest._.mouseX=t.pageX-this._cropperHandleHitTest._.parentOffset.left,this._cropperHandleHitTest._.mouseY=t.pageY-this._cropperHandleHitTest._.parentOffset.top,this._cropperHandleHitTest._.lb=this.clipper.left-this.clipper.width/2,this._cropperHandleHitTest._.rb=this._cropperHandleHitTest._.lb+this.clipper.width,this._cropperHandleHitTest._.tb=this.clipper.top-this.clipper.height/2,this._cropperHandleHitTest._.bb=this._cropperHandleHitTest._.tb+this.clipper.height,this._cropperHandleHitTest._.mouseXthis._cropperHandleHitTest._.lb-3){if(this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.tb-3)return"tl";if(this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.bb-10)return"bl"}if(this._cropperHandleHitTest._.mouseX>this._cropperHandleHitTest._.rb-13&&this._cropperHandleHitTest._.mouseXthis._cropperHandleHitTest._.tb-3)return"tr";if(this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.bb-10)return"br"}return this._cropperHandleHitTest._.mouseXthis._cropperHandleHitTest._.lb-3&&this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.tb+10?"l":this._cropperHandleHitTest._.mouseXthis._cropperHandleHitTest._.rb-5&&this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.tb+10?"r":this._cropperHandleHitTest._.mouseYthis._cropperHandleHitTest._.tb-2&&this._cropperHandleHitTest._.mouseX>this._cropperHandleHitTest._.lb+10&&this._cropperHandleHitTest._.mouseXthis._cropperHandleHitTest._.bb-4&&this._cropperHandleHitTest._.mouseX>this._cropperHandleHitTest._.lb+10&&this._cropperHandleHitTest._.mouseX=this._isMouseOver._.lb&&this._isMouseOver._.mouseX<=this._isMouseOver._.rb&&this._isMouseOver._.mouseY>=this._isMouseOver._.tb&&this._isMouseOver._.mouseY<=this._isMouseOver._.bb},_getRectangleVertices:function(t,e,i){return void 0===this._getRectangleVertices._&&(this._getRectangleVertices._={}),void 0===e&&(e=0),void 0===i&&(i=0),this._getRectangleVertices._.topLeft={x:t.left+e,y:t.top+i},this._getRectangleVertices._.topRight={x:this._getRectangleVertices._.topLeft.x+t.width,y:this._getRectangleVertices._.topLeft.y},this._getRectangleVertices._.bottomRight={x:this._getRectangleVertices._.topRight.x,y:this._getRectangleVertices._.topRight.y+t.height},this._getRectangleVertices._.bottomLeft={x:this._getRectangleVertices._.topLeft.x,y:this._getRectangleVertices._.bottomRight.y},[this._getRectangleVertices._.topLeft,this._getRectangleVertices._.topRight,this._getRectangleVertices._.bottomRight,this._getRectangleVertices._.bottomLeft]},_setFittedImageVerticeCoordinates:function(){this.imageVerticeCoords=this.getImageVerticeCoords("fit")},getImageVerticeCoords:function(t){var e,i=-1*((this.hasOrientationChanged()?90:0)+this.imageStraightenAngle)*(Math.PI/180),s=this.getScaledImageDimensions();e="number"==typeof t?t:"cover"===t?this.getZoomToCoverRatio(s):this.getZoomToFitRatio(s);var n=s.height*e,a=s.width*e,r=Math.cos(i)*n,o=Math.sin(i)*a,l=Math.cos(i)*a,h=Math.sin(i)*n,d=(this.editorHeight-(r+o))/2,c=(this.editorWidth-(h+l))/2;return{a:{x:c+l,y:d},b:{x:this.editorWidth-c,y:d+r},c:{x:c+h,y:this.editorHeight-d},d:{x:c,y:d+o}}},_debug:function(t){this.canvas.remove(this.debugger),this.debugger=t,this.canvas.add(this.debugger)},arePointsInsideRectangle:function(t,e){for(void 0===this.arePointsInsideRectangle._&&(this.arePointsInsideRectangle._={}),this.arePointsInsideRectangle._.ab=this._getVector(e.a,e.b),this.arePointsInsideRectangle._.bc=this._getVector(e.b,e.c),this.arePointsInsideRectangle._.scalarAbAb=this._getScalarProduct(this.arePointsInsideRectangle._.ab,this.arePointsInsideRectangle._.ab),this.arePointsInsideRectangle._.scalarBcBc=this._getScalarProduct(this.arePointsInsideRectangle._.bc,this.arePointsInsideRectangle._.bc),this.arePointsInsideRectangle._.i=0;this.arePointsInsideRectangle._.i/g,"");e=(e=e.replace(/['"‘’“”ʻ\[\]\(\)\{\}:]/g,"")).toLowerCase(),e=Craft.asciiString(e),this.settings.allowNonAlphaStart||(e=e.replace(/^[^a-z]+/,""));var i=Craft.filterArray(e.split(/[^a-z0-9]+/));if(e="","snake"===Craft.handleCasing)return i.join("_");for(let t=0;t{this.isActive&&(["keypress","keyup"].includes(t.type)&&(this._recentKeypress=!0),this._checkFormAfterDelay())}),this._mutationObserver=new MutationObserver(t=>{for(const e of t){this.isActive&&this._formChanged(e)&&this._checkFormAfterDelay();for(const t of e.addedNodes)t instanceof Element&&this._initSelectizeInputs(t);"class"===e.attributeName&&e.target instanceof Element&&e.target.classList.contains("selectized")&&this._initSelectizeInput(e.target)}}),this._mutationObserver.observe(this.$container[0],{childList:!0,subtree:!0,characterData:!0,attributeFilter:["name","value","disabled","class"]}),this._initSelectizeInputs(this.$container[0])},_formChanged(t){switch(t.type){case"childList":return"TEXTAREA"===t.target.nodeName&&t.target.hasAttribute("name")||this._hasNamedNodes(t.addedNodes)||this._hasNamedNodes(t.removedNodes);case"attributes":switch(t.attributeName){case"name":return!t.target.disabled;case"value":return t.target.hasAttribute("name")&&!t.target.disabled;case"disabled":return t.target.hasAttribute("name")}case"characterData":return t.target.parentNode instanceof Element&&t.target.parentNode.hasAttribute("name");default:return!1}},_initSelectizeInputs(t){if(t.classList.contains("selectized"))this._initSelectizeInput(t);else{const e=t.querySelectorAll(".selectized");for(const t of e)this._initSelectizeInput(t)}},_initSelectizeInput(t){this.removeAllListeners(t),this.addListener(t,"selectizedropdownopen",()=>{this.pause()}),this.addListener(t,"selectizedropdownclose",()=>{setTimeout(()=>{this.resume()},100)})},_hasNamedNodes(t){for(const e of t)if(e instanceof Element&&(e.hasAttribute("name")||e.querySelectorAll("[name]").length))return!0;return!1},_checkFormAfterDelay(){clearTimeout(this._timeout),this._timeout=setTimeout(()=>{this.checkForm()},this._recentKeypress?1e3:100)},checkForm(){clearTimeout(this._timeout),this._recentKeypress=!1,this._formData!==this._serialize()&&this._callback(this._formData)},_serialize(){return"FORM"===this.$container[0].nodeName?this._formData=this.$container.serialize():this._formData=$("").append(this.$container.clone()).serialize(),this._formData},pause(){this._pauseLevel++},resume(){if(0===this._pauseLevel)throw"Craft.FormObserver::resume() should only be called after pause().";this._pauseLevel--,this.isActive&&this.checkForm()},destroy(){clearTimeout(this._timeout),this._mutationObserver.disconnect(),delete this._mutationObserver,this.base()}})},9671:function(){Craft.EntryIndex=Craft.BaseElementIndex.extend({publishableSections:null,$newEntryBtnGroup:null,$newEntryBtn:null,init:function(t,e,i){this.publishableSections=[],this.on("selectSource",this.updateButton.bind(this)),this.on("selectSite",this.updateButton.bind(this)),this.base(t,e,i)},afterInit:function(){const t=this.$sources.toArray().map(t=>$(t).data("handle")).filter(t=>!!t);this.publishableSections=Craft.publishableSections.filter(e=>t.includes(e.handle)),this.base()},getDefaultSourceKey:function(){if("index"===this.settings.context&&"undefined"!=typeof defaultSectionHandle){if("singles"===defaultSectionHandle)return"singles";for(let t=0;te.handle===t);let s;this.$newEntryBtnGroup=$('');const n="new-entry-menu-"+Craft.randomString(10),a=this.publishableSections.filter(t=>t.sites.includes(this.siteId));if(i){const t="index"===this.settings.context?Craft.uppercaseFirst(Craft.t("app","New {type}",{type:Craft.elementTypeNames["CraftCms\\Cms\\Entry\\Elements\\Entry"][2]})):Craft.t("app","New {section} entry",{section:i.name}),r="index"===this.settings.context?Craft.t("app","New entry in the {section} section",{section:i.name}):t,o="index"===this.settings.context?"link":null;this.$newEntryBtn=Craft.ui.createButton({label:t,ariaLabel:r,spinner:!0,role:o}).addClass("submit add icon").appendTo(this.$newEntryBtnGroup),this.addListener(this.$newEntryBtn,"click mousedown",t=>{if("index"===this.settings.context&&("click"===t.type&&Garnish.isCtrlKeyPressed(t)||"mousedown"===t.type&&1===t.originalEvent.button)){const t={};e&&(t.type=e),window.open(Craft.getUrl(`entries/${i.handle}/new`,t))}else"click"===t.type&&this._createEntry(i.id,e)}),a.length>1&&(s=$("",{type:"button",class:"btn submit menubtn btngroup-btn-last","aria-controls":n,"data-disclosure-trigger":"","aria-label":Craft.t("app","New entry, choose a section")}).appendTo(this.$newEntryBtnGroup))}else a.length>0&&(this.$newEntryBtn=s=Craft.ui.createButton({label:Craft.uppercaseFirst(Craft.t("app","New {type}",{type:Craft.elementTypeNames["CraftCms\\Cms\\Entry\\Elements\\Entry"][2]})),ariaLabel:Craft.t("app","New entry, choose a section"),spinner:!0}).addClass("submit add icon menubtn btngroup-btn-last").attr("aria-controls",n).attr("data-disclosure-trigger","").appendTo(this.$newEntryBtnGroup));if(this.addButton(this.$newEntryBtnGroup),s){const t=$("",{id:n,class:"menu menu--disclosure"}).appendTo(this.$newEntryBtnGroup),e=$("'+t[n].name+"").appendTo(s);var a=new Garnish.MenuBtn(this.$selectTransformBtn,{onOptionSelect:this.onSelectTransform.bind(this)});a.disable(),this.$selectTransformBtn.data("menuButton",a)}},onSelectionChange:function(t){var e=!1;this.elementIndex.getSelectedElements().length&&this.settings.transforms.length&&(e=!0);var i=null;this.$selectTransformBtn&&(i=this.$selectTransformBtn.data("menuButton")),e?(i&&i.enable(),this.$selectTransformBtn.removeClass("disabled")):this.$selectTransformBtn&&(i&&i.disable(),this.$selectTransformBtn.addClass("disabled")),this.base()},onSelectTransform:function(t){var e=$(t).data("transform");this.selectImagesWithTransform(e)},selectImagesWithTransform:function(t){void 0===Craft.AssetSelectorModal.transformUrls[t]&&(Craft.AssetSelectorModal.transformUrls[t]={});for(var e=this.elementIndex.getSelectedElements(),i=[],s=0;s{this.hideFooterSpinner(),this.selectImagesWithTransform(t)})):(this._selectedTransform=t,this.selectElements(),this._selectedTransform=null)},fetchMissingTransformUrls:function(t,e,i){var s=t.pop(),n={assetId:s,handle:e};Craft.sendActionRequest("POST","assets/generate-transform",{data:n}).then(t=>{Craft.AssetSelectorModal.transformUrls[e][s]=t.data.url||!1}).catch(()=>{Craft.AssetSelectorModal.transformUrls[e][s]=!1}).finally(()=>{t.length?this.fetchMissingTransformUrls(t,e,i):i()})},getElementInfo:function(t){var e=this.base(t);if(this._selectedTransform)for(var i=0;i{if(e&&"object"==typeof e||"function"==typeof e)for(var l,h=n(e),d=0,c=h.length;de[t]).bind(null,l),enumerable:!(o=s(e,l))||o.enumerable});return t},l=((e,s,n)=>(n=null==e?{}:t(a(e)),o(i(n,"default",{value:e,enumerable:!0}),e)))(((t,e)=>()=>(e||(t((e={exports:{}}).exports,e),t=null),e.exports))((t,e)=>{!function(){var t=Object.assign||function(t){for(var e,i=1;i=2?"s":"")},"mois",function(t){return"semaine"+(t>=2?"s":"")},function(t){return"jour"+(t>=2?"s":"")},function(t){return"heure"+(t>=2?"s":"")},function(t){return"minute"+(t>=2?"s":"")},function(t){return"seconde"+(t>=2?"s":"")},function(t){return"milliseconde"+(t>=2?"s":"")},","),gr:s,he:o(["שנה","שנים"],["חודש","חודשים"],["שבוע","שבועות"],["יום","ימים"],["שעה","שעות"],["דקה","דקות"],["שניה","שניות"],["מילישנייה","מילישניות"]),hr:a(function(t){return t%10==2||t%10==3||t%10==4?"godine":"godina"},function(t){return 1===t?"mjesec":2===t||3===t||4===t?"mjeseca":"mjeseci"},function(t){return t%10==1&&11!==t?"tjedan":"tjedna"},r(["dan","dana"]),function(t){return 1===t?"sat":2===t||3===t||4===t?"sata":"sati"},function(t){var e=t%10;return 2!==e&&3!==e&&4!==e||!(t<10||t>14)?"minuta":"minute"},function(t){var e=t%10;return 5===e||Math.floor(t)===t&&t>=10&&t<=19?"sekundi":1===e?"sekunda":2===e||3===e||4===e?"sekunde":"sekundi"},function(t){return 1===t?"milisekunda":t%10==2||t%10==3||t%10==4?"milisekunde":"milisekundi"},","),hi:a("साल",r(["महीना","महीने"]),r(["हफ़्ता","हफ्ते"]),"दिन",r(["घंटा","घंटे"]),"मिनट","सेकंड","मिलीसेकंड"),hu:a("év","hónap","hét","nap","óra","perc","másodperc","ezredmásodperc",","),id:a("tahun","bulan","minggu","hari","jam","menit","detik","milidetik"),is:o(["ár","ár"],["mánuður","mánuðir"],["vika","vikur"],["dagur","dagar"],["klukkutími","klukkutímar"],["mínúta","mínútur"],["sekúnda","sekúndur"],["millisekúnda","millisekúndur"]),it:o(["anno","anni"],["mese","mesi"],["settimana","settimane"],["giorno","giorni"],["ora","ore"],["minuto","minuti"],["secondo","secondi"],["millisecondo","millisecondi"],","),ja:a("年","ヶ月","週間","日","時間","分","秒","ミリ秒"),km:a("ឆ្នាំ","ខែ","សប្តាហ៍","ថ្ងៃ","ម៉ោង","នាទី","វិនាទី","មិល្លីវិនាទី"),kn:o(["ವರ್ಷ","ವರ್ಷಗಳು"],["ತಿಂಗಳು","ತಿಂಗಳುಗಳು"],["ವಾರ","ವಾರಗಳು"],["ದಿನ","ದಿನಗಳು"],["ಗಂಟೆ","ಗಂಟೆಗಳು"],["ನಿಮಿಷ","ನಿಮಿಷಗಳು"],["ಸೆಕೆಂಡ್","ಸೆಕೆಂಡುಗಳು"],["ಮಿಲಿಸೆಕೆಂಡ್","ಮಿಲಿಸೆಕೆಂಡುಗಳು"]),ko:a("년","개월","주일","일","시간","분","초","밀리 초"),ku:a("sal","meh","hefte","roj","seet","deqe","saniye","mîlîçirk",","),lo:a("ປີ","ເດືອນ","ອາທິດ","ມື້","ຊົ່ວໂມງ","ນາທີ","ວິນາທີ","ມິນລິວິນາທີ",","),lt:a(function(t){return t%10==0||t%100>=10&&t%100<=20?"metų":"metai"},function(t){return["mėnuo","mėnesiai","mėnesių"][f(t)]},function(t){return["savaitė","savaitės","savaičių"][f(t)]},function(t){return["diena","dienos","dienų"][f(t)]},function(t){return["valanda","valandos","valandų"][f(t)]},function(t){return["minutė","minutės","minučių"][f(t)]},function(t){return["sekundė","sekundės","sekundžių"][f(t)]},function(t){return["milisekundė","milisekundės","milisekundžių"][f(t)]},","),lv:a(function(t){return g(t)?"gads":"gadi"},function(t){return g(t)?"mēnesis":"mēneši"},function(t){return g(t)?"nedēļa":"nedēļas"},function(t){return g(t)?"diena":"dienas"},function(t){return g(t)?"stunda":"stundas"},function(t){return g(t)?"minūte":"minūtes"},function(t){return g(t)?"sekunde":"sekundes"},function(t){return g(t)?"milisekunde":"milisekundes"},","),mk:o(["година","години"],["месец","месеци"],["недела","недели"],["ден","дена"],["час","часа"],["минута","минути"],["секунда","секунди"],["милисекунда","милисекунди"],","),mn:a("жил","сар","долоо хоног","өдөр","цаг","минут","секунд","миллисекунд"),mr:a(r(["वर्ष","वर्षे"]),r(["महिना","महिने"]),r(["आठवडा","आठवडे"]),"दिवस","तास",r(["मिनिट","मिनिटे"]),"सेकंद","मिलिसेकंद"),ms:a("tahun","bulan","minggu","hari","jam","minit","saat","milisaat"),nl:o(["jaar","jaar"],["maand","maanden"],["week","weken"],["dag","dagen"],["uur","uur"],["minuut","minuten"],["seconde","seconden"],["milliseconde","milliseconden"],","),no:o(["år","år"],["måned","måneder"],["uke","uker"],["dag","dager"],["time","timer"],["minutt","minutter"],["sekund","sekunder"],["millisekund","millisekunder"],","),pl:a(function(t){return["rok","roku","lata","lat"][u(t)]},function(t){return["miesiąc","miesiąca","miesiące","miesięcy"][u(t)]},function(t){return["tydzień","tygodnia","tygodnie","tygodni"][u(t)]},function(t){return["dzień","dnia","dni","dni"][u(t)]},function(t){return["godzina","godziny","godziny","godzin"][u(t)]},function(t){return["minuta","minuty","minuty","minut"][u(t)]},function(t){return["sekunda","sekundy","sekundy","sekund"][u(t)]},function(t){return["milisekunda","milisekundy","milisekundy","milisekund"][u(t)]},","),pt:o(["ano","anos"],["mês","meses"],["semana","semanas"],["dia","dias"],["hora","horas"],["minuto","minutos"],["segundo","segundos"],["milissegundo","milissegundos"],","),ro:a(l("an","ani","de ani"),l("lună","luni","de luni"),l("săptămână","săptămâni","de săptămâni"),l("zi","zile","de zile"),l("oră","ore","de ore"),l("minut","minute","de minute"),l("secundă","secunde","de secunde"),l("milisecundă","milisecunde","de milisecunde"),","),ru:d(["лет","год","года"],["месяцев","месяц","месяца"],["недель","неделя","недели"],["дней","день","дня"],["часов","час","часа"],["минут","минута","минуты"],["секунд","секунда","секунды"],["миллисекунд","миллисекунда","миллисекунды"]),sq:a(r(["vit","vjet"]),"muaj","javë","ditë","orë",function(t){return"minut"+(1===t?"ë":"a")},function(t){return"sekond"+(1===t?"ë":"a")},function(t){return"milisekond"+(1===t?"ë":"a")},","),sr:d(["години","година","године"],["месеци","месец","месеца"],["недељи","недеља","недеље"],["дани","дан","дана"],["сати","сат","сата"],["минута","минут","минута"],["секунди","секунда","секунде"],["милисекунди","милисекунда","милисекунде"]),sr_Latn:d(["godini","godina","godine"],["meseci","mesec","meseca"],["nedelji","nedelja","nedelje"],["dani","dan","dana"],["sati","sat","sata"],["minuta","minut","minuta"],["sekundi","sekunda","sekunde"],["milisekundi","milisekunda","milisekunde"]),ta:o(["வருடம்","ஆண்டுகள்"],["மாதம்","மாதங்கள்"],["வாரம்","வாரங்கள்"],["நாள்","நாட்கள்"],["மணி","மணிநேரம்"],["நிமிடம்","நிமிடங்கள்"],["வினாடி","வினாடிகள்"],["மில்லி விநாடி","மில்லி விநாடிகள்"]),te:o(["సంవత్సరం","సంవత్సరాల"],["నెల","నెలల"],["వారం","వారాలు"],["రోజు","రోజులు"],["గంట","గంటలు"],["నిమిషం","నిమిషాలు"],["సెకను","సెకన్లు"],["మిల్లీసెకన్","మిల్లీసెకన్లు"]),uk:d(["років","рік","роки"],["місяців","місяць","місяці"],["тижнів","тиждень","тижні"],["днів","день","дні"],["годин","година","години"],["хвилин","хвилина","хвилини"],["секунд","секунда","секунди"],["мілісекунд","мілісекунда","мілісекунди"]),ur:a("سال",r(["مہینہ","مہینے"]),r(["ہفتہ","ہفتے"]),"دن",r(["گھنٹہ","گھنٹے"]),"منٹ","سیکنڈ","ملی سیکنڈ"),sk:a(function(t){return["rok","roky","roky","rokov"][p(t)]},function(t){return["mesiac","mesiace","mesiace","mesiacov"][p(t)]},function(t){return["týždeň","týždne","týždne","týždňov"][p(t)]},function(t){return["deň","dni","dni","dní"][p(t)]},function(t){return["hodina","hodiny","hodiny","hodín"][p(t)]},function(t){return["minúta","minúty","minúty","minút"][p(t)]},function(t){return["sekunda","sekundy","sekundy","sekúnd"][p(t)]},function(t){return["milisekunda","milisekundy","milisekundy","milisekúnd"][p(t)]},","),sl:a(function(t){return t%10==1?"leto":t%100==2?"leti":t%100==3||t%100==4||Math.floor(t)!==t&&t%100<=5?"leta":"let"},function(t){return t%10==1?"mesec":t%100==2||Math.floor(t)!==t&&t%100<=5?"meseca":t%10==3||t%10==4?"mesece":"mesecev"},function(t){return t%10==1?"teden":t%10==2||Math.floor(t)!==t&&t%100<=4?"tedna":t%10==3||t%10==4?"tedne":"tednov"},function(t){return t%100==1?"dan":"dni"},function(t){return t%10==1?"ura":t%100==2?"uri":t%10==3||t%10==4||Math.floor(t)!==t?"ure":"ur"},function(t){return t%10==1?"minuta":t%10==2?"minuti":t%10==3||t%10==4||Math.floor(t)!==t&&t%100<=4?"minute":"minut"},function(t){return t%10==1?"sekunda":t%100==2?"sekundi":t%100==3||t%100==4||Math.floor(t)!==t?"sekunde":"sekund"},function(t){return t%10==1?"milisekunda":t%100==2?"milisekundi":t%100==3||t%100==4||Math.floor(t)!==t?"milisekunde":"milisekund"},","),sv:o(["år","år"],["månad","månader"],["vecka","veckor"],["dag","dagar"],["timme","timmar"],["minut","minuter"],["sekund","sekunder"],["millisekund","millisekunder"],","),sw:t(o(["mwaka","miaka"],["mwezi","miezi"],["wiki","wiki"],["siku","masiku"],["saa","masaa"],["dakika","dakika"],["sekunde","sekunde"],["milisekunde","milisekunde"]),{_numberFirst:!0}),tr:a("yıl","ay","hafta","gün","saat","dakika","saniye","milisaniye",","),th:a("ปี","เดือน","สัปดาห์","วัน","ชั่วโมง","นาที","วินาที","มิลลิวินาที"),uz:a("yil","oy","hafta","kun","soat","minut","sekund","millisekund"),uz_CYR:a("йил","ой","ҳафта","кун","соат","минут","секунд","миллисекунд"),vi:a("năm","tháng","tuần","ngày","giờ","phút","giây","mili giây",","),zh_CN:a("年","个月","周","天","小时","分钟","秒","毫秒"),zh_TW:a("年","個月","周","天","小時","分鐘","秒","毫秒")};function a(t,e,i,s,n,a,r,o,l){var h={y:t,mo:e,w:i,d:s,h:n,m:a,s:r,ms:o};return l&&(h.decimal=l),h}function r(t){return function(e){return 1===e?t[0]:t[1]}}function o(t,e,i,s,n,o,l,h,d){return a(r(t),r(e),r(i),r(s),r(n),r(o),r(l),r(h),d)}function l(t,e,i){return function(s){if(1===s)return t;if(Math.floor(s)!==s||0===s)return e;var n=s%100;return n>=1&&n<=19?e:i}}function h(t){return function(e){return Math.floor(e)===e?e%100>=5&&e%100<=20||e%10>=5&&e%10<=9||e%10==0?t[0]:e%10==1?t[1]:e>1?t[2]:t[1]:t[2]}}function d(t,e,i,s,n,r,o,l){return a(h(t),h(e),h(i),h(s),h(n),h(r),h(o),h(l),",")}function c(t){return 2===t?1:t>2&&t<11?2:0}function u(t){return 1===t?0:Math.floor(t)===t?t%10>=2&&t%10<=4&&!(t%100>10&&t%100<20)?2:3:1}function p(t){return 1===t?0:Math.floor(t)===t?t%10>=2&&t%10<=4&&t%100<10?2:3:1}function f(t){return 1===t||t%10==1&&t%100>20?0:Math.floor(t)!==t||t%10>=2&&t%100>20||t%10>=2&&t%100<10?1:2}function g(t){return t%10==1&&t%100!=11}function m(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function b(t){var e=[t.language];if(m(t,"fallbacks")){if(!i(t.fallbacks)||!t.fallbacks.length)throw Error("fallbacks must be an array with at least one element");e=e.concat(t.fallbacks)}for(var s=0;s=0;s--)if(0!==(n=h[i=r[s]])){var g=Math.round(n);if(h[i]=g,0===s)break;var m=r[s-1],b=o[m],$=Math.floor(g*o[i]/b);if(!$)break;h[m]+=$,h[i]=0}}var C=[];for(s=0;st?(s++,i=t):-1!==r&&(s--,i=r),0===s&&(a.push(n.slice(e+1,i).join("").split(",",3)),e=i+1,a.push(n.slice(e,-1===t?n.length:t).join("")),e=-1===t?n.length:t),0!==s&&(-1===t||-1===r)))break}return 0===s&&a}function c(t,e={}){let i=t[0]?.trim();if(!i||void 0===e[i])return`{${t.join(",")}}`;let s=e[i],n=void 0===t[1]?"none":t[1].trim();switch(n){case"number":return(()=>{let e=void 0===t[2]?null:t[2].trim();if(null!==e&&"integer"!==e)throw"Message format 'number' is only supported for integer values.";let i,n=function(t,e){if(typeof d3<"u"&&typeof d3FormatLocaleDefinition<"u")return void 0===e&&(e=",.0f"),d3.formatLocale(d3FormatLocaleDefinition).format(e)(t);let i="string"==typeof t?parseFloat(t):t;if(isNaN(i))return String(t);if(e){let t=e.includes(","),s=e.match(/\.(\d+)/),n=s?parseInt(s[1],10):0;return new Intl.NumberFormat("en",{useGrouping:t,minimumFractionDigits:n,maximumFractionDigits:n}).format(i)}return new Intl.NumberFormat("en",{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:0}).format(i)}(s);return null===e&&-1!==(i=`${s}`.indexOf("."))&&(n+=`.${s.substring(i+1)}`),n})();case"none":return s;case"select":return(()=>{if(void 0===t[2])return!1;let i=d(t[2]);if(!1===i)return!1;let n=i.length,a=!1;for(let t=0;t+1{if(void 0===t[2])return!1;let i=d(t[2]);if(!1===i)return!1;let n=i.length,a=!1,r=0;for(let t=0;t+1t.replace("#",String(s-r))).join(",")}}return!1!==a&&u(a,e)})();default:throw Error(`Message format '${n}' is not supported.`)}}function u(t,e){let i;if(!1===(i=d(t)))throw Error("Message pattern is invalid.");for(let t=0;t=e)&&(i=e);else{let s=-1;for(let n of t)null!=(n=e(n,++s,t))&&(i=n)&&(i=n)}return i}function f(t){return t}var g=1e-6;function m(t){return"translate("+t+",0)"}function b(t){return"translate(0,"+t+")"}function C(t){return e=>+t(e)}function v(t,e){return e=Math.max(0,t.bandwidth()-2*e)/2,t.round()&&(e=Math.round(e)),i=>+t(i)+e}function _(){return!this.__axis}function y(t,e){var i=[],s=null,n=null,a=6,r=6,o=3,l="undefined"!=typeof window&&window.devicePixelRatio>1?0:.5,h=1===t||4===t?-1:1,d=4===t||2===t?"x":"y",c=1===t||3===t?m:b;function u(u){var p=null==s?e.ticks?e.ticks.apply(e,i):e.domain():s,m=null==n?e.tickFormat?e.tickFormat.apply(e,i):f:n,b=Math.max(a,0)+o,$=e.range(),y=+$[0]+l,w=+$[$.length-1]+l,S=(e.bandwidth?v:C)(e.copy(),l),I=u.selection?u.selection():u,T=I.selectAll(".domain").data([null]),x=I.selectAll(".tick").data(p,e).order(),M=x.exit(),E=x.enter().append("g").attr("class","tick"),k=x.select("line"),A=x.select("text");T=T.merge(T.enter().insert("path",".tick").attr("class","domain").attr("stroke","currentColor")),x=x.merge(E),k=k.merge(E.append("line").attr("stroke","currentColor").attr(d+"2",h*a)),A=A.merge(E.append("text").attr("fill","currentColor").attr(d,h*b).attr("dy",1===t?"0em":3===t?"0.71em":"0.32em")),u!==I&&(T=T.transition(u),x=x.transition(u),k=k.transition(u),A=A.transition(u),M=M.transition(u).attr("opacity",g).attr("transform",function(t){return isFinite(t=S(t))?c(t+l):this.getAttribute("transform")}),E.attr("opacity",g).attr("transform",function(t){var e=this.parentNode.__axis;return c((e&&isFinite(e=e(t))?e:S(t))+l)})),M.remove(),T.attr("d",4===t||2===t?r?"M"+h*r+","+y+"H"+l+"V"+w+"H"+h*r:"M"+l+","+y+"V"+w:r?"M"+y+","+h*r+"V"+l+"H"+w+"V"+h*r:"M"+y+","+l+"H"+w),x.attr("opacity",1).attr("transform",function(t){return c(S(t)+l)}),k.attr(d+"2",h*a),A.attr(d,h*b).text(m),I.filter(_).attr("fill","none").attr("font-size",10).attr("font-family","sans-serif").attr("text-anchor",2===t?"start":4===t?"end":"middle"),I.each(function(){this.__axis=S})}return u.scale=function(t){return arguments.length?(e=t,u):e},u.ticks=function(){return i=Array.from(arguments),u},u.tickArguments=function(t){return arguments.length?(i=null==t?[]:Array.from(t),u):i.slice()},u.tickValues=function(t){return arguments.length?(s=null==t?null:Array.from(t),u):s&&s.slice()},u.tickFormat=function(t){return arguments.length?(n=t,u):n},u.tickSize=function(t){return arguments.length?(a=r=+t,u):a},u.tickSizeInner=function(t){return arguments.length?(a=+t,u):a},u.tickSizeOuter=function(t){return arguments.length?(r=+t,u):r},u.tickPadding=function(t){return arguments.length?(o=+t,u):o},u.offset=function(t){return arguments.length?(l=+t,u):l},u}function w(t){return y(2,t)}function S(t){return y(3,t)}function I(t){return y(4,t)}function T(){}function x(t){return null==t?T:function(){return this.querySelector(t)}}function M(){return[]}function E(t){return null==t?M:function(){return this.querySelectorAll(t)}}function k(t){return function(){return this.matches(t)}}function A(t){return function(e){return e.matches(t)}}var P=Array.prototype.find;function D(){return this.firstElementChild}var B=Array.prototype.filter;function L(){return Array.from(this.children)}function F(t){return new Array(t.length)}function H(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function O(t,e,i,s,n,a){for(var r,o=0,l=e.length,h=a.length;oe?1:t>=e?0:NaN}H.prototype={constructor:H,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,e){return this._parent.insertBefore(t,e)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}};var U="http://www.w3.org/1999/xhtml",W={svg:"http://www.w3.org/2000/svg",xhtml:U,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function V(t){var e=t+="",i=e.indexOf(":");return i>=0&&"xmlns"!==(e=t.slice(0,i))&&(t=t.slice(i+1)),W.hasOwnProperty(e)?{space:W[e],local:t}:t}function q(t){return function(){this.removeAttribute(t)}}function Y(t){return function(){this.removeAttributeNS(t.space,t.local)}}function j(t,e){return function(){this.setAttribute(t,e)}}function K(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function X(t,e){return function(){var i=e.apply(this,arguments);null==i?this.removeAttribute(t):this.setAttribute(t,i)}}function J(t,e){return function(){var i=e.apply(this,arguments);null==i?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,i)}}function Q(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Z(t){return function(){this.style.removeProperty(t)}}function tt(t,e,i){return function(){this.style.setProperty(t,e,i)}}function et(t,e,i){return function(){var s=e.apply(this,arguments);null==s?this.style.removeProperty(t):this.style.setProperty(t,s,i)}}function it(t,e){return t.style.getPropertyValue(e)||Q(t).getComputedStyle(t,null).getPropertyValue(e)}function st(t){return function(){delete this[t]}}function nt(t,e){return function(){this[t]=e}}function at(t,e){return function(){var i=e.apply(this,arguments);null==i?delete this[t]:this[t]=i}}function rt(t){return t.trim().split(/^|\s+/)}function ot(t){return t.classList||new lt(t)}function lt(t){this._node=t,this._names=rt(t.getAttribute("class")||"")}function ht(t,e){for(var i=ot(t),s=-1,n=e.length;++s=0&&(this._names.splice(e,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var Bt=[null];function Lt(t,e){this._groups=t,this._parents=e}function Ft(){return new Lt([[document.documentElement]],Bt)}Lt.prototype=Ft.prototype={constructor:Lt,select:function(t){"function"!=typeof t&&(t=x(t));for(var e=this._groups,i=e.length,s=new Array(i),n=0;n=v&&(v=C+1);!($=m[v])&&++v=0;)(s=n[a])&&(r&&4^s.compareDocumentPosition(r)&&r.parentNode.insertBefore(s,r),r=s);return this},sort:function(t){function e(e,i){return e&&i?t(e.__data__,i.__data__):!e-!i}t||(t=z);for(var i=this._groups,s=i.length,n=new Array(s),a=0;a1?this.each((null==e?Z:"function"==typeof e?et:tt)(t,e,null==i?"":i)):it(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?st:"function"==typeof e?at:nt)(t,e)):this.node()[t]},classed:function(t,e){var i=rt(t+"");if(arguments.length<2){for(var s=ot(this.node()),n=-1,a=i.length;++n=0&&(e=t.slice(i+1),t=t.slice(0,i)),{type:t,name:e}})}(t+""),r=a.length;if(!(arguments.length<2)){for(o=e?kt:Et,s=0;s{}};function Rt(){for(var t,e=0,i=arguments.length,s={};e=0&&(e=t.slice(i+1),t=t.slice(0,i)),t&&!s.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:e}})),r=-1,o=a.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++r0)for(var i,s,n=new Array(i),a=0;a=0&&e._call.call(void 0,t),e=e._next;--qt}()}finally{qt=0,function(){for(var t,e,i=Ut,s=1/0;i;)i._call?(s>i._time&&(s=i._time),t=i,i=i._next):(e=i._next,i._next=null,i=t?t._next=e:Ut=e);Wt=t,re(s)}(),Xt=0}}function ae(){var t=Qt.now(),e=t-Kt;e>1e3&&(Jt-=e,Kt=t)}function re(t){qt||(Yt&&(Yt=clearTimeout(Yt)),t-Xt>24?(t<1/0&&(Yt=setTimeout(ne,t-Qt.now()-Jt)),jt&&(jt=clearInterval(jt))):(jt||(Kt=Qt.now(),jt=setInterval(ae,1e3)),qt=1,Zt(ne)))}function oe(t,e,i){var s=new ie;return e=null==e?0:+e,s.restart(i=>{s.stop(),t(i+e)},e,i),s}ie.prototype=se.prototype={constructor:ie,restart:function(t,e,i){if("function"!=typeof t)throw new TypeError("callback is not a function");i=(null==i?te():+i)+(null==e?0:+e),this._next||Wt===this||(Wt?Wt._next=this:Ut=this,Wt=this),this._call=t,this._time=i,re()},stop:function(){this._call&&(this._call=null,this._time=1/0,re())}};var le=Vt("start","end","cancel","interrupt"),he=[];function de(t,e,i,s,n,a){var r=t.__transition;if(r){if(i in r)return}else t.__transition={};!function(t,e,i){var s,n=t.__transition;function a(l){var h,d,c,u;if(1!==i.state)return o();for(h in n)if((u=n[h]).name===i.name){if(3===u.state)return oe(a);4===u.state?(u.state=6,u.timer.stop(),u.on.call("interrupt",t,t.__data__,u.index,u.group),delete n[h]):+h0)throw new Error("too late; already scheduled");return i}function ue(t,e){var i=pe(t,e);if(i.state>3)throw new Error("too late; already running");return i}function pe(t,e){var i=t.__transition;if(!i||!(i=i[e]))throw new Error("transition not found");return i}function fe(t,e){return t=+t,e=+e,function(i){return t*(1-i)+e*i}}var ge,me=180/Math.PI,be={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function $e(t,e,i,s,n,a){var r,o,l;return(r=Math.sqrt(t*t+e*e))&&(t/=r,e/=r),(l=t*i+e*s)&&(i-=t*l,s-=e*l),(o=Math.sqrt(i*i+s*s))&&(i/=o,s/=o,l/=o),t*s180?e+=360:e-t>180&&(t+=360),a.push({i:i.push(n(i)+"rotate(",null,s)-2,x:fe(t,e)})):e&&i.push(n(i)+"rotate("+e+s)}(a.rotate,r.rotate,o,l),function(t,e,i,a){t!==e?a.push({i:i.push(n(i)+"skewX(",null,s)-2,x:fe(t,e)}):e&&i.push(n(i)+"skewX("+e+s)}(a.skewX,r.skewX,o,l),function(t,e,i,s,a,r){if(t!==i||e!==s){var o=a.push(n(a)+"scale(",null,",",null,")");r.push({i:o-4,x:fe(t,i)},{i:o-2,x:fe(e,s)})}else 1===i&&1===s||a.push(n(a)+"scale("+i+","+s+")")}(a.scaleX,a.scaleY,r.scaleX,r.scaleY,o,l),a=r=null,function(t){for(var e,i=-1,s=l.length;++i>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===i?Ve(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===i?Ve(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|240&e,((15&e)<<4|15&e)/255):null):(e=Be.exec(t))?new Ye(e[1],e[2],e[3],1):(e=Le.exec(t))?new Ye(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=Fe.exec(t))?Ve(e[1],e[2],e[3],e[4]):(e=He.exec(t))?Ve(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=Oe.exec(t))?Ze(e[1],e[2]/100,e[3]/100,1):(e=Re.exec(t))?Ze(e[1],e[2]/100,e[3]/100,e[4]):Ne.hasOwnProperty(t)?We(Ne[t]):"transparent"===t?new Ye(NaN,NaN,NaN,0):null}function We(t){return new Ye(t>>16&255,t>>8&255,255&t,1)}function Ve(t,e,i,s){return s<=0&&(t=e=i=NaN),new Ye(t,e,i,s)}function qe(t,e,i,s){return 1===arguments.length?function(t){return t instanceof xe||(t=Ue(t)),t?new Ye((t=t.rgb()).r,t.g,t.b,t.opacity):new Ye}(t):new Ye(t,e,i,null==s?1:s)}function Ye(t,e,i,s){this.r=+t,this.g=+e,this.b=+i,this.opacity=+s}function je(){return`#${Qe(this.r)}${Qe(this.g)}${Qe(this.b)}`}function Ke(){const t=Xe(this.opacity);return`${1===t?"rgb(":"rgba("}${Je(this.r)}, ${Je(this.g)}, ${Je(this.b)}${1===t?")":`, ${t})`}`}function Xe(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function Je(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function Qe(t){return((t=Je(t))<16?"0":"")+t.toString(16)}function Ze(t,e,i,s){return s<=0?t=e=i=NaN:i<=0||i>=1?t=e=NaN:e<=0&&(t=NaN),new ei(t,e,i,s)}function ti(t){if(t instanceof ei)return new ei(t.h,t.s,t.l,t.opacity);if(t instanceof xe||(t=Ue(t)),!t)return new ei;if(t instanceof ei)return t;var e=(t=t.rgb()).r/255,i=t.g/255,s=t.b/255,n=Math.min(e,i,s),a=Math.max(e,i,s),r=NaN,o=a-n,l=(a+n)/2;return o?(r=e===a?(i-s)/o+6*(i0&&l<1?0:r,new ei(r,o,l,t.opacity)}function ei(t,e,i,s){this.h=+t,this.s=+e,this.l=+i,this.opacity=+s}function ii(t){return(t=(t||0)%360)<0?t+360:t}function si(t){return Math.max(0,Math.min(1,t||0))}function ni(t,e,i){return 255*(t<60?e+(i-e)*t/60:t<180?i:t<240?e+(i-e)*(240-t)/60:e)}function ai(t,e,i,s,n){var a=t*t,r=a*t;return((1-3*t+3*a-r)*e+(4-6*a+3*r)*i+(1+3*t+3*a-3*r)*s+r*n)/6}Ie(xe,Ue,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:Ge,formatHex:Ge,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return ti(this).formatHsl()},formatRgb:ze,toString:ze}),Ie(Ye,qe,Te(xe,{brighter(t){return t=null==t?Ee:Math.pow(Ee,t),new Ye(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,t),new Ye(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new Ye(Je(this.r),Je(this.g),Je(this.b),Xe(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:je,formatHex:je,formatHex8:function(){return`#${Qe(this.r)}${Qe(this.g)}${Qe(this.b)}${Qe(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:Ke,toString:Ke})),Ie(ei,function(t,e,i,s){return 1===arguments.length?ti(t):new ei(t,e,i,null==s?1:s)},Te(xe,{brighter(t){return t=null==t?Ee:Math.pow(Ee,t),new ei(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=null==t?Me:Math.pow(Me,t),new ei(this.h,this.s,this.l*t,this.opacity)},rgb(){var t=this.h%360+360*(this.h<0),e=isNaN(t)||isNaN(this.s)?0:this.s,i=this.l,s=i+(i<.5?i:1-i)*e,n=2*i-s;return new Ye(ni(t>=240?t-240:t+120,n,s),ni(t,n,s),ni(t<120?t+240:t-120,n,s),this.opacity)},clamp(){return new ei(ii(this.h),si(this.s),si(this.l),Xe(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const t=Xe(this.opacity);return`${1===t?"hsl(":"hsla("}${ii(this.h)}, ${100*si(this.s)}%, ${100*si(this.l)}%${1===t?")":`, ${t})`}`}}));var ri=t=>()=>t;function oi(t,e){var i=e-t;return i?function(t,e){return function(i){return t+i*e}}(t,i):ri(isNaN(t)?e:t)}var li=function t(e){var i=function(t){return 1===(t=+t)?oi:function(e,i){return i-e?function(t,e,i){return t=Math.pow(t,i),e=Math.pow(e,i)-t,i=1/i,function(s){return Math.pow(t+s*e,i)}}(e,i,t):ri(isNaN(e)?i:e)}}(e);function s(t,e){var s=i((t=qe(t)).r,(e=qe(e)).r),n=i(t.g,e.g),a=i(t.b,e.b),r=oi(t.opacity,e.opacity);return function(e){return t.r=s(e),t.g=n(e),t.b=a(e),t.opacity=r(e),t+""}}return s.gamma=t,s}(1);function hi(t){return function(e){var i,s,n=e.length,a=new Array(n),r=new Array(n),o=new Array(n);for(i=0;i=1?(i=1,e-1):Math.floor(i*e),n=t[s],a=t[s+1],r=s>0?t[s-1]:2*n-a,o=sa&&(n=e.slice(a,n),o[r]?o[r]+=n:o[++r]=n),(i=i[0])===(s=s[0])?o[r]?o[r]+=s:o[++r]=s:(o[++r]=null,l.push({i:r,x:fe(i,s)})),a=ci.lastIndex;return a=0&&(t=t.slice(0,e)),!t||"start"===t})}(e)?ce:ue;return function(){var r=a(this,t),o=r.on;o!==s&&(n=(s=o).copy()).on(e,i),r.on=n}}(i,t,e))},attr:function(t,e){var i=V(t),s="transform"===i?_e:pi;return this.attrTween(t,"function"==typeof e?(i.local?Ci:$i)(i,s,Se(this,"attr."+t,e)):null==e?(i.local?gi:fi)(i):(i.local?bi:mi)(i,s,e))},attrTween:function(t,e){var i="attr."+t;if(arguments.length<2)return(i=this.tween(i))&&i._value;if(null==e)return this.tween(i,null);if("function"!=typeof e)throw new Error;var s=V(t);return this.tween(i,(s.local?vi:_i)(s,e))},style:function(t,e,i){var s="transform"==(t+="")?ve:pi;return null==e?this.styleTween(t,function(t,e){var i,s,n;return function(){var a=it(this,t),r=(this.style.removeProperty(t),it(this,t));return a===r?null:a===i&&r===s?n:n=e(i=a,s=r)}}(t,s)).on("end.style."+t,xi(t)):"function"==typeof e?this.styleTween(t,function(t,e,i){var s,n,a;return function(){var r=it(this,t),o=i(this),l=o+"";return null==o&&(this.style.removeProperty(t),l=o=it(this,t)),r===l?null:r===s&&l===n?a:(n=l,a=e(s=r,o))}}(t,s,Se(this,"style."+t,e))).each(function(t,e){var i,s,n,a,r="style."+e,o="end."+r;return function(){var l=ue(this,t),h=l.on,d=null==l.value[r]?a||(a=xi(e)):void 0;h===i&&n===d||(s=(i=h).copy()).on(o,n=d),l.on=s}}(this._id,t)):this.styleTween(t,function(t,e,i){var s,n,a=i+"";return function(){var r=it(this,t);return r===a?null:r===s?n:n=e(s=r,i)}}(t,s,e),i).on("end.style."+t,null)},styleTween:function(t,e,i){var s="style."+(t+="");if(arguments.length<2)return(s=this.tween(s))&&s._value;if(null==e)return this.tween(s,null);if("function"!=typeof e)throw new Error;return this.tween(s,function(t,e,i){var s,n;function a(){var a=e.apply(this,arguments);return a!==n&&(s=(n=a)&&function(t,e,i){return function(s){this.style.setProperty(t,e.call(this,s),i)}}(t,a,i)),s}return a._value=e,a}(t,e,null==i?"":i))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var e=t(this);this.textContent=null==e?"":e}}(Se(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var e="text";if(arguments.length<1)return(e=this.tween(e))&&e._value;if(null==t)return this.tween(e,null);if("function"!=typeof t)throw new Error;return this.tween(e,function(t){var e,i;function s(){var s=t.apply(this,arguments);return s!==i&&(e=(i=s)&&function(t){return function(e){this.textContent=t.call(this,e)}}(s)),e}return s._value=t,s}(t))},remove:function(){return this.on("end.remove",function(t){return function(){var e=this.parentNode;for(var i in this.__transition)if(+i!==t)return;e&&e.removeChild(this)}}(this._id))},tween:function(t,e){var i=this._id;if(t+="",arguments.length<2){for(var s,n=pe(this.node(),i).tween,a=0,r=n.length;a2&&i.state<5,i.state=6,i.timer.stop(),i.on.call(s?"interrupt":"cancel",t,t.__data__,i.index,i.group),delete a[n]):r=!1;r&&delete t.__transition}}(this,t)})},Ht.prototype.transition=function(t){var e,i;t instanceof Ei?(e=t._id,t=t._name):(e=ki(),(i=Pi).time=te(),t=null==t?null:t+"");for(var s=this._groups,n=s.length,a=0;a1?s[0]+s.slice(2):s,+t.slice(i+1)]}function Ri(t){return(t=Oi(Math.abs(t)))?t[1]:NaN}["w","e"].map(Hi),["n","s"].map(Hi),["n","w","e","s","nw","ne","sw","se"].map(Hi);var Ni,Gi=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function zi(t){if(!(e=Gi.exec(t)))throw new Error("invalid format: "+t);var e;return new Ui({fill:e[1],align:e[2],sign:e[3],symbol:e[4],zero:e[5],width:e[6],comma:e[7],precision:e[8]&&e[8].slice(1),trim:e[9],type:e[10]})}function Ui(t){this.fill=void 0===t.fill?" ":t.fill+"",this.align=void 0===t.align?">":t.align+"",this.sign=void 0===t.sign?"-":t.sign+"",this.symbol=void 0===t.symbol?"":t.symbol+"",this.zero=!!t.zero,this.width=void 0===t.width?void 0:+t.width,this.comma=!!t.comma,this.precision=void 0===t.precision?void 0:+t.precision,this.trim=!!t.trim,this.type=void 0===t.type?"":t.type+""}function Wi(t,e){var i=Oi(t,e);if(!i)return t+"";var s=i[0],n=i[1];return n<0?"0."+new Array(-n).join("0")+s:s.length>n+1?s.slice(0,n+1)+"."+s.slice(n+1):s+new Array(n-s.length+2).join("0")}zi.prototype=Ui.prototype,Ui.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(void 0===this.width?"":Math.max(1,0|this.width))+(this.comma?",":"")+(void 0===this.precision?"":"."+Math.max(0,0|this.precision))+(this.trim?"~":"")+this.type};var Vi={"%":(t,e)=>(100*t).toFixed(e),b:t=>Math.round(t).toString(2),c:t=>t+"",d:function(t){return Math.abs(t=Math.round(t))>=1e21?t.toLocaleString("en").replace(/,/g,""):t.toString(10)},e:(t,e)=>t.toExponential(e),f:(t,e)=>t.toFixed(e),g:(t,e)=>t.toPrecision(e),o:t=>Math.round(t).toString(8),p:(t,e)=>Wi(100*t,e),r:Wi,s:function(t,e){var i=Oi(t,e);if(!i)return Ni=void 0,t.toPrecision(e);var s=i[0],n=i[1],a=n-(Ni=3*Math.max(-8,Math.min(8,Math.floor(n/3))))+1,r=s.length;return a===r?s:a>r?s+new Array(a-r+1).join("0"):a>0?s.slice(0,a)+"."+s.slice(a):"0."+new Array(1-a).join("0")+Oi(t,Math.max(0,e+a-1))[0]},X:t=>Math.round(t).toString(16).toUpperCase(),x:t=>Math.round(t).toString(16)};function qi(t){return t}var Yi,ji,Ki,Xi=Array.prototype.map,Ji=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];function Qi(t){var e,i,s=void 0===t.grouping||void 0===t.thousands?qi:(e=Xi.call(t.grouping,Number),i=t.thousands+"",function(t,s){for(var n=t.length,a=[],r=0,o=e[0],l=0;n>0&&o>0&&(l+o+1>s&&(o=Math.max(1,s-l)),a.push(t.substring(n-=o,n+o)),!((l+=o+1)>s));)o=e[r=(r+1)%e.length];return a.reverse().join(i)}),n=void 0===t.currency?"":t.currency[0]+"",a=void 0===t.currency?"":t.currency[1]+"",r=void 0===t.decimal?".":t.decimal+"",o=void 0===t.numerals?qi:function(t){return function(e){return e.replace(/[0-9]/g,function(e){return t[+e]})}}(Xi.call(t.numerals,String)),l=void 0===t.percent?"%":t.percent+"",h=void 0===t.minus?"−":t.minus+"",d=void 0===t.nan?"NaN":t.nan+"";function c(t,e){var i=(t=zi(t)).fill,c=t.align,u=t.sign,p=t.symbol,f=t.zero,g=t.width,m=t.comma,b=t.precision,$=t.trim,C=t.type;"n"===C?(m=!0,C="g"):Vi[C]||(void 0===b&&(b=12),$=!0,C="g"),(f||"0"===i&&"="===c)&&(f=!0,i="0",c="=");var v=(e&&void 0!==e.prefix?e.prefix:"")+("$"===p?n:"#"===p&&/[boxX]/.test(C)?"0"+C.toLowerCase():""),_=("$"===p?a:/[%p]/.test(C)?l:"")+(e&&void 0!==e.suffix?e.suffix:""),y=Vi[C],w=/[defgprs%]/.test(C);function S(t){var e,n,a,l=v,p=_;if("c"===C)p=y(t)+p,t="";else{var S=(t=+t)<0||1/t<0;if(t=isNaN(t)?d:y(Math.abs(t),b),$&&(t=function(t){t:for(var e,i=t.length,s=1,n=-1;s0&&(n=0)}return n>0?t.slice(0,n)+t.slice(e+1):t}(t)),S&&0===+t&&"+"!==u&&(S=!1),l=(S?"("===u?u:h:"-"===u||"("===u?"":u)+l,p=("s"!==C||isNaN(t)||void 0===Ni?"":Ji[8+Ni/3])+p+(S&&"("===u?")":""),w)for(e=-1,n=t.length;++e(a=t.charCodeAt(e))||a>57){p=(46===a?r+t.slice(e+1):t.slice(e))+p,t=t.slice(0,e);break}}m&&!f&&(t=s(t,1/0));var I=l.length+t.length+p.length,T=I>1)+l+t+p+T.slice(I);break;default:t=T+l+t+p}return o(t)}return b=void 0===b?6:/[gprs]/.test(C)?Math.max(1,Math.min(21,b)):Math.max(0,Math.min(20,b)),S.toString=function(){return t+""},S}return{format:c,formatPrefix:function(t,e){var i=3*Math.max(-8,Math.min(8,Math.floor(Ri(e)/3))),s=Math.pow(10,-i),n=c(((t=zi(t)).type="f",t),{suffix:Ji[8+i/3]});return function(t){return n(s*t)}}}}Yi=Qi({thousands:",",grouping:[3],currency:["$",""]}),ji=Yi.format,Ki=Yi.formatPrefix;const Zi=Math.sqrt(50),ts=Math.sqrt(10),es=Math.sqrt(2);function is(t,e,i){const s=(e-t)/Math.max(0,i),n=Math.floor(Math.log10(s)),a=s/Math.pow(10,n),r=a>=Zi?10:a>=ts?5:a>=es?2:1;let o,l,h;return n<0?(h=Math.pow(10,-n)/r,o=Math.round(t*h),l=Math.round(e*h),o/he&&--l,h=-h):(h=Math.pow(10,n)*r,o=Math.round(t/h),l=Math.round(e/h),o*he&&--l),le?1:t>=e?0:NaN}function rs(t,e){return null==t||null==e?NaN:et?1:e>=t?0:NaN}function os(t){let e,i,s;function n(t,s,n=0,a=t.length){if(n>>1;i(t[e],s)<0?n=e+1:a=e}while(nas(t(e),i),s=(e,i)=>t(e)-i):(e=t===as||t===rs?t:ls,i=t,s=t),{left:n,center:function(t,e,i=0,a=t.length){const r=n(t,e,i,a-1);return r>i&&s(t[r-1],e)>-s(t[r],e)?r-1:r},right:function(t,s,n=0,a=t.length){if(n>>1;i(t[e],s)<=0?n=e+1:a=e}while(ne&&(i=t,t=e,e=i),function(i){return Math.max(t,Math.min(e,i))}}(r[0],r[t-1])),s=t>2?ws:ys,n=a=null,c}function c(e){return null==e||isNaN(e=+e)?i:(n||(n=s(r.map(t),o,l)))(t(h(e)))}return c.invert=function(i){return h(e((a||(a=s(o,r.map(t),fe)))(i)))},c.domain=function(t){return arguments.length?(r=Array.from(t,$s),d()):r.slice()},c.range=function(t){return arguments.length?(o=Array.from(t),d()):o.slice()},c.rangeRound=function(t){return o=Array.from(t),l=bs,d()},c.clamp=function(t){return arguments.length?(h=!!t||vs,d()):h!==vs},c.interpolate=function(t){return arguments.length?(l=t,d()):l},c.unknown=function(t){return arguments.length?(i=t,c):i},function(i,s){return t=i,e=s,d()}}()(vs,vs)}function Ts(t,e){switch(arguments.length){case 0:break;case 1:this.range(t);break;default:this.range(e).domain(t)}return this}function xs(t){var e=t.domain;return t.ticks=function(t){var i=e();return function(t,e,i){if(!((i=+i)>0))return[];if((t=+t)===(e=+e))return[t];const s=e=n))return[];const o=a-n+1,l=new Array(o);if(s)if(r<0)for(let t=0;t0;){if((n=ss(l,h,i))===s)return a[r]=l,a[o]=h,e(a);if(n>0)l=Math.floor(l/n)*n,h=Math.ceil(h/n)*n;else{if(!(n<0))break;l=Math.ceil(l*n)/n,h=Math.floor(h*n)/n}s=n}return t},t}function Ms(){var t=Is();return t.copy=function(){return Ss(t,Ms())},Ts.apply(t,arguments),xs(t)}const Es=1e3,ks=6e4,As=36e5,Ps=864e5,Ds=6048e5,Bs=31536e6,Ls=new Date,Fs=new Date;function Hs(t,e,i,s){function n(e){return t(e=0===arguments.length?new Date:new Date(+e)),e}return n.floor=e=>(t(e=new Date(+e)),e),n.ceil=i=>(t(i=new Date(i-1)),e(i,1),t(i),i),n.round=t=>{const e=n(t),i=n.ceil(t);return t-e(e(t=new Date(+t),null==i?1:Math.floor(i)),t),n.range=(i,s,a)=>{const r=[];if(i=n.ceil(i),a=null==a?1:Math.floor(a),!(i0))return r;let o;do{r.push(o=new Date(+i)),e(i,a),t(i)}while(oHs(e=>{if(e>=e)for(;t(e),!i(e);)e.setTime(e-1)},(t,s)=>{if(t>=t)if(s<0)for(;++s<=0;)for(;e(t,-1),!i(t););else for(;--s>=0;)for(;e(t,1),!i(t););}),i&&(n.count=(e,s)=>(Ls.setTime(+e),Fs.setTime(+s),t(Ls),t(Fs),Math.floor(i(Ls,Fs))),n.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?n.filter(s?e=>s(e)%t===0:e=>n.count(0,e)%t===0):n:null)),n}const Os=Hs(()=>{},(t,e)=>{t.setTime(+t+e)},(t,e)=>e-t);Os.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?Hs(e=>{e.setTime(Math.floor(e/t)*t)},(e,i)=>{e.setTime(+e+i*t)},(e,i)=>(i-e)/t):Os:null),Os.range;const Rs=Hs(t=>{t.setTime(t-t.getMilliseconds())},(t,e)=>{t.setTime(+t+e*Es)},(t,e)=>(e-t)/Es,t=>t.getUTCSeconds()),Ns=(Rs.range,Hs(t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*Es)},(t,e)=>{t.setTime(+t+e*ks)},(t,e)=>(e-t)/ks,t=>t.getMinutes())),Gs=(Ns.range,Hs(t=>{t.setUTCSeconds(0,0)},(t,e)=>{t.setTime(+t+e*ks)},(t,e)=>(e-t)/ks,t=>t.getUTCMinutes())),zs=(Gs.range,Hs(t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*Es-t.getMinutes()*ks)},(t,e)=>{t.setTime(+t+e*As)},(t,e)=>(e-t)/As,t=>t.getHours())),Us=(zs.range,Hs(t=>{t.setUTCMinutes(0,0,0)},(t,e)=>{t.setTime(+t+e*As)},(t,e)=>(e-t)/As,t=>t.getUTCHours())),Ws=(Us.range,Hs(t=>t.setHours(0,0,0,0),(t,e)=>t.setDate(t.getDate()+e),(t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*ks)/Ps,t=>t.getDate()-1)),Vs=(Ws.range,Hs(t=>{t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCDate(t.getUTCDate()+e)},(t,e)=>(e-t)/Ps,t=>t.getUTCDate()-1)),qs=(Vs.range,Hs(t=>{t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCDate(t.getUTCDate()+e)},(t,e)=>(e-t)/Ps,t=>Math.floor(t/Ps)));function Ys(t){return Hs(e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)},(t,e)=>{t.setDate(t.getDate()+7*e)},(t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*ks)/Ds)}qs.range;const js=Ys(0),Ks=Ys(1),Xs=Ys(2),Js=Ys(3),Qs=Ys(4),Zs=Ys(5),tn=Ys(6);function en(t){return Hs(e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCDate(t.getUTCDate()+7*e)},(t,e)=>(e-t)/Ds)}js.range,Ks.range,Xs.range,Js.range,Qs.range,Zs.range,tn.range;const sn=en(0),nn=en(1),an=en(2),rn=en(3),on=en(4),ln=en(5),hn=en(6),dn=(sn.range,nn.range,an.range,rn.range,on.range,ln.range,hn.range,Hs(t=>{t.setDate(1),t.setHours(0,0,0,0)},(t,e)=>{t.setMonth(t.getMonth()+e)},(t,e)=>e.getMonth()-t.getMonth()+12*(e.getFullYear()-t.getFullYear()),t=>t.getMonth())),cn=(dn.range,Hs(t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)},(t,e)=>e.getUTCMonth()-t.getUTCMonth()+12*(e.getUTCFullYear()-t.getUTCFullYear()),t=>t.getUTCMonth())),un=(cn.range,Hs(t=>{t.setMonth(0,1),t.setHours(0,0,0,0)},(t,e)=>{t.setFullYear(t.getFullYear()+e)},(t,e)=>e.getFullYear()-t.getFullYear(),t=>t.getFullYear()));un.every=t=>isFinite(t=Math.floor(t))&&t>0?Hs(e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)},(e,i)=>{e.setFullYear(e.getFullYear()+i*t)}):null,un.range;const pn=Hs(t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)},(t,e)=>e.getUTCFullYear()-t.getUTCFullYear(),t=>t.getUTCFullYear());function fn(t,e,i,s,n,a){const r=[[Rs,1,Es],[Rs,5,5e3],[Rs,15,15e3],[Rs,30,3e4],[a,1,ks],[a,5,3e5],[a,15,9e5],[a,30,18e5],[n,1,As],[n,3,108e5],[n,6,216e5],[n,12,432e5],[s,1,Ps],[s,2,1728e5],[i,1,Ds],[e,1,2592e6],[e,3,7776e6],[t,1,Bs]];function o(e,i,s){const n=Math.abs(i-e)/s,a=os(([,,t])=>t).right(r,n);if(a===r.length)return t.every(ns(e/Bs,i/Bs,s));if(0===a)return Os.every(Math.max(ns(e,i,s),1));const[o,l]=r[n/r[a-1][2]isFinite(t=Math.floor(t))&&t>0?Hs(e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,i)=>{e.setUTCFullYear(e.getUTCFullYear()+i*t)}):null,pn.range;const[gn,mn]=fn(pn,cn,sn,qs,Us,Gs),[bn,$n]=fn(un,dn,js,Ws,zs,Ns);function Cn(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function vn(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function _n(t,e,i){return{y:t,m:e,d:i,H:0,M:0,S:0,L:0}}function yn(t){var e=t.dateTime,i=t.date,s=t.time,n=t.periods,a=t.days,r=t.shortDays,o=t.months,l=t.shortMonths,h=Pn(n),d=Dn(n),c=Pn(a),u=Dn(a),p=Pn(r),f=Dn(r),g=Pn(o),m=Dn(o),b=Pn(l),$=Dn(l),C={a:function(t){return r[t.getDay()]},A:function(t){return a[t.getDay()]},b:function(t){return l[t.getMonth()]},B:function(t){return o[t.getMonth()]},c:null,d:ta,e:ta,f:aa,g:ma,G:$a,H:ea,I:ia,j:sa,L:na,m:ra,M:oa,p:function(t){return n[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:Ga,s:za,S:la,u:ha,U:da,V:ua,w:pa,W:fa,x:null,X:null,y:ga,Y:ba,Z:Ca,"%":Na},v={a:function(t){return r[t.getUTCDay()]},A:function(t){return a[t.getUTCDay()]},b:function(t){return l[t.getUTCMonth()]},B:function(t){return o[t.getUTCMonth()]},c:null,d:va,e:va,f:Ia,g:Fa,G:Oa,H:_a,I:ya,j:wa,L:Sa,m:Ta,M:xa,p:function(t){return n[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:Ga,s:za,S:Ma,u:Ea,U:ka,V:Pa,w:Da,W:Ba,x:null,X:null,y:La,Y:Ha,Z:Ra,"%":Na},_={a:function(t,e,i){var s=p.exec(e.slice(i));return s?(t.w=f.get(s[0].toLowerCase()),i+s[0].length):-1},A:function(t,e,i){var s=c.exec(e.slice(i));return s?(t.w=u.get(s[0].toLowerCase()),i+s[0].length):-1},b:function(t,e,i){var s=b.exec(e.slice(i));return s?(t.m=$.get(s[0].toLowerCase()),i+s[0].length):-1},B:function(t,e,i){var s=g.exec(e.slice(i));return s?(t.m=m.get(s[0].toLowerCase()),i+s[0].length):-1},c:function(t,i,s){return S(t,e,i,s)},d:Wn,e:Wn,f:Xn,g:Nn,G:Rn,H:qn,I:qn,j:Vn,L:Kn,m:Un,M:Yn,p:function(t,e,i){var s=h.exec(e.slice(i));return s?(t.p=d.get(s[0].toLowerCase()),i+s[0].length):-1},q:zn,Q:Qn,s:Zn,S:jn,u:Ln,U:Fn,V:Hn,w:Bn,W:On,x:function(t,e,s){return S(t,i,e,s)},X:function(t,e,i){return S(t,s,e,i)},y:Nn,Y:Rn,Z:Gn,"%":Jn};function y(t,e){return function(i){var s,n,a,r=[],o=-1,l=0,h=t.length;for(i instanceof Date||(i=new Date(+i));++o53)return null;"w"in a||(a.w=1),"Z"in a?(n=(s=vn(_n(a.y,0,1))).getUTCDay(),s=n>4||0===n?nn.ceil(s):nn(s),s=Vs.offset(s,7*(a.V-1)),a.y=s.getUTCFullYear(),a.m=s.getUTCMonth(),a.d=s.getUTCDate()+(a.w+6)%7):(n=(s=Cn(_n(a.y,0,1))).getDay(),s=n>4||0===n?Ks.ceil(s):Ks(s),s=Ws.offset(s,7*(a.V-1)),a.y=s.getFullYear(),a.m=s.getMonth(),a.d=s.getDate()+(a.w+6)%7)}else("W"in a||"U"in a)&&("w"in a||(a.w="u"in a?a.u%7:"W"in a?1:0),n="Z"in a?vn(_n(a.y,0,1)).getUTCDay():Cn(_n(a.y,0,1)).getDay(),a.m=0,a.d="W"in a?(a.w+6)%7+7*a.W-(n+5)%7:a.w+7*a.U-(n+6)%7);return"Z"in a?(a.H+=a.Z/100|0,a.M+=a.Z%100,vn(a)):Cn(a)}}function S(t,e,i,s){for(var n,a,r=0,o=e.length,l=i.length;r=l)return-1;if(37===(n=e.charCodeAt(r++))){if(n=e.charAt(r++),!(a=_[n in Tn?e.charAt(r++):n])||(s=a(t,i,s))<0)return-1}else if(n!=i.charCodeAt(s++))return-1}return s}return C.x=y(i,C),C.X=y(s,C),C.c=y(e,C),v.x=y(i,v),v.X=y(s,v),v.c=y(e,v),{format:function(t){var e=y(t+="",C);return e.toString=function(){return t},e},parse:function(t){var e=w(t+="",!1);return e.toString=function(){return t},e},utcFormat:function(t){var e=y(t+="",v);return e.toString=function(){return t},e},utcParse:function(t){var e=w(t+="",!0);return e.toString=function(){return t},e}}}var wn,Sn,In,Tn={"-":"",_:" ",0:"0"},xn=/^\s*\d+/,Mn=/^%/,En=/[\\^$*+?|[\]().{}]/g;function kn(t,e,i){var s=t<0?"-":"",n=(s?-t:t)+"",a=n.length;return s+(a[t.toLowerCase(),e]))}function Bn(t,e,i){var s=xn.exec(e.slice(i,i+1));return s?(t.w=+s[0],i+s[0].length):-1}function Ln(t,e,i){var s=xn.exec(e.slice(i,i+1));return s?(t.u=+s[0],i+s[0].length):-1}function Fn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.U=+s[0],i+s[0].length):-1}function Hn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.V=+s[0],i+s[0].length):-1}function On(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.W=+s[0],i+s[0].length):-1}function Rn(t,e,i){var s=xn.exec(e.slice(i,i+4));return s?(t.y=+s[0],i+s[0].length):-1}function Nn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.y=+s[0]+(+s[0]>68?1900:2e3),i+s[0].length):-1}function Gn(t,e,i){var s=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(i,i+6));return s?(t.Z=s[1]?0:-(s[2]+(s[3]||"00")),i+s[0].length):-1}function zn(t,e,i){var s=xn.exec(e.slice(i,i+1));return s?(t.q=3*s[0]-3,i+s[0].length):-1}function Un(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.m=s[0]-1,i+s[0].length):-1}function Wn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.d=+s[0],i+s[0].length):-1}function Vn(t,e,i){var s=xn.exec(e.slice(i,i+3));return s?(t.m=0,t.d=+s[0],i+s[0].length):-1}function qn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.H=+s[0],i+s[0].length):-1}function Yn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.M=+s[0],i+s[0].length):-1}function jn(t,e,i){var s=xn.exec(e.slice(i,i+2));return s?(t.S=+s[0],i+s[0].length):-1}function Kn(t,e,i){var s=xn.exec(e.slice(i,i+3));return s?(t.L=+s[0],i+s[0].length):-1}function Xn(t,e,i){var s=xn.exec(e.slice(i,i+6));return s?(t.L=Math.floor(s[0]/1e3),i+s[0].length):-1}function Jn(t,e,i){var s=Mn.exec(e.slice(i,i+1));return s?i+s[0].length:-1}function Qn(t,e,i){var s=xn.exec(e.slice(i));return s?(t.Q=+s[0],i+s[0].length):-1}function Zn(t,e,i){var s=xn.exec(e.slice(i));return s?(t.s=+s[0],i+s[0].length):-1}function ta(t,e){return kn(t.getDate(),e,2)}function ea(t,e){return kn(t.getHours(),e,2)}function ia(t,e){return kn(t.getHours()%12||12,e,2)}function sa(t,e){return kn(1+Ws.count(un(t),t),e,3)}function na(t,e){return kn(t.getMilliseconds(),e,3)}function aa(t,e){return na(t,e)+"000"}function ra(t,e){return kn(t.getMonth()+1,e,2)}function oa(t,e){return kn(t.getMinutes(),e,2)}function la(t,e){return kn(t.getSeconds(),e,2)}function ha(t){var e=t.getDay();return 0===e?7:e}function da(t,e){return kn(js.count(un(t)-1,t),e,2)}function ca(t){var e=t.getDay();return e>=4||0===e?Qs(t):Qs.ceil(t)}function ua(t,e){return t=ca(t),kn(Qs.count(un(t),t)+(4===un(t).getDay()),e,2)}function pa(t){return t.getDay()}function fa(t,e){return kn(Ks.count(un(t)-1,t),e,2)}function ga(t,e){return kn(t.getFullYear()%100,e,2)}function ma(t,e){return kn((t=ca(t)).getFullYear()%100,e,2)}function ba(t,e){return kn(t.getFullYear()%1e4,e,4)}function $a(t,e){var i=t.getDay();return kn((t=i>=4||0===i?Qs(t):Qs.ceil(t)).getFullYear()%1e4,e,4)}function Ca(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+kn(e/60|0,"0",2)+kn(e%60,"0",2)}function va(t,e){return kn(t.getUTCDate(),e,2)}function _a(t,e){return kn(t.getUTCHours(),e,2)}function ya(t,e){return kn(t.getUTCHours()%12||12,e,2)}function wa(t,e){return kn(1+Vs.count(pn(t),t),e,3)}function Sa(t,e){return kn(t.getUTCMilliseconds(),e,3)}function Ia(t,e){return Sa(t,e)+"000"}function Ta(t,e){return kn(t.getUTCMonth()+1,e,2)}function xa(t,e){return kn(t.getUTCMinutes(),e,2)}function Ma(t,e){return kn(t.getUTCSeconds(),e,2)}function Ea(t){var e=t.getUTCDay();return 0===e?7:e}function ka(t,e){return kn(sn.count(pn(t)-1,t),e,2)}function Aa(t){var e=t.getUTCDay();return e>=4||0===e?on(t):on.ceil(t)}function Pa(t,e){return t=Aa(t),kn(on.count(pn(t),t)+(4===pn(t).getUTCDay()),e,2)}function Da(t){return t.getUTCDay()}function Ba(t,e){return kn(nn.count(pn(t)-1,t),e,2)}function La(t,e){return kn(t.getUTCFullYear()%100,e,2)}function Fa(t,e){return kn((t=Aa(t)).getUTCFullYear()%100,e,2)}function Ha(t,e){return kn(t.getUTCFullYear()%1e4,e,4)}function Oa(t,e){var i=t.getUTCDay();return kn((t=i>=4||0===i?on(t):on.ceil(t)).getUTCFullYear()%1e4,e,4)}function Ra(){return"+0000"}function Na(){return"%"}function Ga(t){return+t}function za(t){return Math.floor(+t/1e3)}function Ua(t){return new Date(t)}function Wa(t){return t instanceof Date?+t:+new Date(+t)}function Va(t,e,i,s,n,a,r,o,l,h){var d=Is(),c=d.invert,u=d.domain,p=h(".%L"),f=h(":%S"),g=h("%I:%M"),m=h("%I %p"),b=h("%a %d"),$=h("%b %d"),C=h("%B"),v=h("%Y");function _(t){return(l(t)=0))throw new Error(`invalid digits: ${t}`);if(e>15)return ir;const i=10**e;return function(t){this._+=t[0];for(let e=1,s=t.length;etr)if(Math.abs(d*o-l*h)>tr&&n){let u=i-a,p=s-r,f=o*o+l*l,g=u*u+p*p,m=Math.sqrt(f),b=Math.sqrt(c),$=n*Math.tan((Qa-Math.acos((f+c-g)/(2*m*b)))/2),C=$/b,v=$/m;Math.abs(C-1)>tr&&this._append`L${t+C*h},${e+C*d}`,this._append`A${n},${n},0,0,${+(d*u>h*p)},${this._x1=t+v*o},${this._y1=e+v*l}`}else this._append`L${this._x1=t},${this._y1=e}`}arc(t,e,i,s,n,a){if(t=+t,e=+e,a=!!a,(i=+i)<0)throw new Error(`negative radius: ${i}`);let r=i*Math.cos(s),o=i*Math.sin(s),l=t+r,h=e+o,d=1^a,c=a?s-n:n-s;null===this._x1?this._append`M${l},${h}`:(Math.abs(this._x1-l)>tr||Math.abs(this._y1-h)>tr)&&this._append`L${l},${h}`,i&&(c<0&&(c=c%Za+Za),c>er?this._append`A${i},${i},0,1,${d},${t-r},${e-o}A${i},${i},0,1,${d},${this._x1=l},${this._y1=h}`:c>tr&&this._append`A${i},${i},0,${+(c>=Qa)},${d},${this._x1=t+i*Math.cos(n)},${this._y1=e+i*Math.sin(n)}`)}rect(t,e,i,s){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+e}h${i=+i}v${+s}h${-i}Z`}toString(){return this._}}function nr(t){let e=3;return t.digits=function(i){if(!arguments.length)return e;if(null==i)e=null;else{const t=Math.floor(i);if(!(t>=0))throw new RangeError(`invalid digits: ${i}`);e=t}return t},()=>new sr(e)}function ar(t){return t[0]}function rr(t){return t[1]}function or(t,e){var i=Ka(!0),s=null,n=Ja,a=null,r=nr(o);function o(o){var l,h,d,c=(o=ja(o)).length,u=!1;for(null==s&&(a=n(d=r())),l=0;l<=c;++l)!(l\x20\t\r\n\f]*)[^>]*)\/>/gi;if(jQuery.htmlPrefilter=function(t){return t.replace(hr,"<$1>")},$.extend(Craft,{navHeight:48,isIterable(t){return t&&"function"==typeof t[Symbol.iterator]},index:function(t,e){if(t instanceof NodeList||this.isIterable(t))t=Array.from(t);else if(!Array.isArray(t))throw"The first argument passed to Craft.index() must be an array, NodeList, or iterable object.";if("string"==typeof e){const t=e;e=e=>e[t]}return Object.fromEntries(t.map(t=>[e(t),t]))},group:function(t,e){if(!Array.isArray(t))throw"The first argument passed to Craft.group() must be an array.";let i={};return t.reduce((t,s,n)=>{const a="string"==typeof e?s[e]:e(s,n);return i.hasOwnProperty(a)||(i[a]=[[],a],t.push(i[a])),i[a][0].push(s),t},[])},t:function(t,e,i={}){return function(t,e,i="app",s=h){if(s&&void 0!==s[i]&&void 0!==s[i][t]){let e=s?.[i]?.[t];void 0!==e&&(t=e)}return e?u(t,e):t}(e,i,"app",Craft.translations)},formatMessage:function(t,e){return u(t,e)},formatDate:function(t){return"object"!=typeof t&&(t=new Date(t)),$.datepicker.formatDate(Craft.datepickerOptions.dateFormat,t)},formatNumber:function(t,e){return void 0===e&&(e=",.0f"),Qi(d3FormatLocaleDefinition).format(e)(t)},shortcutText:function(t,e,i){return"Mac"===Craft.clientOs?(i?"⌥":"")+(e?"⇧":"")+"⌘"+t:"Ctrl+"+(i?"Alt+":"")+(e?"Shift+":"")+t},escapeHtml:function(t){return $("").text(t).html()},escapeRegex:function(t){return t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},getText:function(t){return $("").html(t).text()},encodeUriComponent:function(t){t=encodeURIComponent(t);var e={"!":"%21","*":"%2A","'":"%27","(":"%28",")":"%29"};for(var i in e){var s=new RegExp("\\"+i,"g");t=t.replace(s,e[i])}return t},selectFullValue:function(t){var e=$(t),i=e.val();if(void 0!==e[0].setSelectionRange){var s=2*i.length;e[0].setSelectionRange(0,s)}else e.val(i)},formatInputId:function(t){let e=t.replace(/^[^A-Za-z]+/,"");return e=this.rtrim(e.replace(/[^A-Za-z0-9_.]+/g,"-"),"-"),e||this.randomString(10)},sleep:function(t){return new Promise(e=>{setTimeout(e,t)})},getUrl:function(t,e,i){"string"!=typeof t&&(t="");let s=null;if($.isPlainObject(e))void 0!==e["#"]&&(s=e["#"],delete e["#"]);else if("string"==typeof e){let t=e.indexOf("#");-1!==t&&(s=e.substring(t+1),e=e.substring(0,t)),e=Object.fromEntries(new URLSearchParams(e).entries())}else e={};let n=t.indexOf("#");-1!==n&&(s||(s=t.substring(n+1)),t=t.substring(0,n));let a,r,o=t.indexOf("?");if(-1!==o&&(e=$.extend(Object.fromEntries(new URLSearchParams(t.substring(o+1)).entries()),e),t=t.substring(0,o)),-1!==t.search("://")||"/"===t[0])return t+($.isEmptyObject(e)?"":`?${$.param(e)}`)+(s?`#${s}`:"");if(t=Craft.trim(t,"/"),i){if(a=i,t&&Craft.pathParam){var l=a.match(new RegExp("[&?]"+Craft.escapeRegex(Craft.pathParam)+"=[^&]+"));l&&(a=a.replace(l[0],Craft.rtrim(l[0],"/")+"/"+t),t="")}}else a=Craft.baseUrl;return o=a.indexOf("?"),-1!==o&&(r=Object.fromEntries(new URLSearchParams(a.substring(o+1)).entries()),a=a.substring(0,o),e=Object.assign({},r,e)),!Craft.omitScriptNameInUrls&&t&&(Craft.usePathInfo||!Craft.pathParam?-1===a.search(Craft.scriptName)&&(a=Craft.rtrim(a,"/")+"/"+Craft.scriptName):(r&&void 0!==r[Craft.pathParam]&&(t=r[Craft.pathParam].trimEnd()+(t?"/"+t:"")),e[Craft.pathParam]=t,t=null)),t&&(a=Craft.rtrim(a,"/")+"/"+t),$.isEmptyObject(e)||(a+=`?${$.param(e)}`),s&&(a+=`#${s}`),a},getCpUrl:function(t,e){if(!Craft.baseCpUrl)throw"Craft.baseCpUrl is undefined.";return this.getUrl(t,e,Craft.baseCpUrl)},getSiteUrl:function(t,e){return this.getUrl(t,e,Craft.baseSiteUrl)},getActionUrl:function(t,e){return Craft.getUrl(t,e,Craft.actionUrl)},redirectTo:function(t){document.location.href=this.getUrl(t)},setUrl:function(t){if("undefined"==typeof history)return;t.match(/#/)||(t+=document.location.hash),history.replaceState({},"",t);const e=document.querySelectorAll("#site-crumb-menu a[href]");for(const i of e){const e=this.getQueryParam("site",i.href);i.href=this.getUrl(t,{site:e})}},setPath:function(t){this.path=t,this.setUrl(Craft.getUrl(t,document.location.search))},setQueryParam(t,e){const i=document.location.origin+document.location.pathname,s=this.getQueryParams();null!=e&&!1!==e?s[t]=e:delete s[t],this.setUrl(Craft.getUrl(i,s))},getPageUrl:function(t){let e=document.location.origin+document.location.pathname;e=Craft.rtrim(e,"/");let i=document.location.search?document.location.search.substring(1):"";const s=Craft.pageTrigger||"page";if(document.location.search){const t=Object.fromEntries(new URLSearchParams(i).entries());delete t[s],i=$.param(t)}return 1!==t&&(i+=(""!==i?"&":"")+`${s}=${t}`),e+(i?`?${i}`:"")+document.location.hash},getCsrfInput:function(){return Craft.csrfTokenName?'':""},postActionRequest:function(t,e,i,s){"function"==typeof e&&(s=i,i=e,e={}),(s=s||{}).contentType&&s.contentType.match(/\bjson\b/)&&("object"==typeof e&&(e=JSON.stringify(e)),s.contentType="application/json; charset=utf-8");var n=$.ajax($.extend({url:Craft.getActionUrl(t),type:"POST",dataType:"json",headers:this._actionHeaders(),data:e,success:i,error:function(t,e,s){4===t.readyState&&(400!==t.status&&(void 0!==Craft.cp?Craft.cp.displayError():alert(Craft.t("app","A server error occurred."))),i&&i(400===t.status?t.responseJSON:null,e,t))}},s));return"function"==typeof s.send&&s.send(n),n},_actionHeaders:function(){let t={"X-Registered-Asset-Bundles":[...new Set(Craft.registeredAssetBundles)].join(","),"X-Registered-Js-Files":[...new Set(Craft.registeredJsFiles)].join(",")};return Craft.csrfTokenValue&&(t["X-CSRF-Token"]=Craft.csrfTokenValue),t},sendActionRequest:function(t,e,i={}){if($.isPlainObject(e)&&(i=e,e=null),"POST"===t.toUpperCase()&&e&&i.data)if("string"==typeof i.data){const t=i&&i.headers&&i.headers["X-Craft-Namespace"],s=this.namespaceInputName("action",t);i.data+=`&${s}=${e}`}else delete i.data.action;return new Promise((s,n)=>{(i=i?$.extend({},i):{}).method=t,i.url=e?Craft.getActionUrl(e):Craft.getCpUrl(),i.headers=$.extend({"X-Requested-With":"XMLHttpRequest"},i.headers||{},this._actionHeaders()),i.params=$.extend({},i.params||{},{v:(new Date).getTime()}),axios.request(i).then(t=>{t.headers["x-csrf-token"]&&(Craft.csrfTokenValue=t.headers["x-csrf-token"]),s(t)}).catch(n)})},sendApiRequest:function(t,e,i={}){return new Promise((s,n)=>{let a=(i=i?$.extend({},i):{}).cancelToken||null;this._getApiHeaders(a).then(r=>{i.method=t,i.baseURL=Craft.baseApiUrl,i.url=e,i.headers=$.extend(r,i.headers||{}),i.params=$.extend(Craft.apiParams||{},i.params||{},{v:(new Date).getTime()}),this._apiHeaders||(i.params.processCraftHeaders=1),Craft.httpProxy&&(i.proxy=Craft.httpProxy),axios.request(i).then(t=>{this._processApiHeaders(t.headers,a).then(()=>{s(t.data)}).catch(n)}).catch(n)}).catch(n)})},_loadingApiHeaders:!1,_apiHeaders:null,_apiHeaderWaitlist:[],_getApiHeaders:function(t){return new Promise((i,s)=>{this._loadingApiHeaders?this._apiHeaderWaitlist.push([i,s]):this._apiHeaders?i(this._apiHeaders):(this._loadingApiHeaders=!0,this.sendActionRequest("POST","app/api-headers",{cancelToken:t}).then(t=>{this._loadingApiHeaders?i(t.data):s(e)}).catch(t=>{this._rejectApiRequests(s,t)}))})},_processApiHeaders:function(t,i){return new Promise((s,n)=>{this._apiHeaders?s():this.sendActionRequest("POST","app/process-api-response-headers",{data:{headers:t},cancelToken:i}).then(t=>{if(this._loadingApiHeaders)for(this._apiHeaders=t.data,this._loadingApiHeaders=!1,s();this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[0](this._apiHeaders);else n(e)}).catch(t=>{this._rejectApiRequests(n,t)})})},_rejectApiRequests:function(t,e){for(this._loadingApiHeaders=!1,t(e);this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[1](e)},clearCachedApiHeaders:function(){for(this._apiHeaders=null,this._loadingApiHeaders=!1;this._apiHeaderWaitlist.length;)this._apiHeaderWaitlist.shift()[1]()},downloadFromUrl:function(t,e,i){return new Promise((s,n)=>{let a=new XMLHttpRequest;a.open(t,e,!0),"object"==typeof i?(a.setRequestHeader("Content-Type","application/json; charset=UTF-8"),i=JSON.stringify(i)):a.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),a.responseType="blob",a.onload=()=>{if(200===a.status){let t=a.getResponseHeader("content-disposition"),e=/"([^"]*)"/.exec(t),i=null!=e&&e[1]?e[1]:"Download",n=a.getResponseHeader("content-type"),r=new Blob([a.response],{type:n}),o=document.createElement("a");o.href=window.URL.createObjectURL(r),o.download=i,document.body.appendChild(o),o.click(),document.body.removeChild(o),s()}else n()},a.send(i)})},stringToArray:function(t){if("string"!=typeof t)return t;for(var e=t.split(","),i=0;it.length===e.length?0:a?t.lengthe.length?1:-1);const r=this._groupParamsByDeltaNames(t,i,!1,s),o=this._groupParamsByDeltaNames(e,i,!0,!1);for(const t of i)n.includes(t)||"object"!=typeof o[t]||"object"==typeof r[t]&&JSON.stringify(r[t])===JSON.stringify(o[t])||n.push(t);return n.sort((t,e)=>t.length===e.length?0:a?t.lengthe.length?1:-1),[n,o]},groupParams:function(t,e,i=!1){"string"==typeof t&&(t=t.split("&"));const s={};i&&(s.__root__=[]),e=e.sort((t,e)=>e.length-t.length);for(const t of e)s[t]=[];const n=t=>encodeURIComponent(t).replace("%3D","=");t=t.map(t=>decodeURIComponent(t));t:for(const a of t){for(const t of e){const e=a.substring(0,t.length+1);if([`${t}=`,`${t}[`].includes(e)){void 0===s[t]&&(s[t]=[]),s[t].push(n(a));continue t}}i&&s.__root__.push(n(a))}return s},_groupParamsByDeltaNames:function(t,e,i,s){const n=this.groupParams(t,e,i);if(s){const t=(t,e)=>(Array.isArray(e)||$.isPlainObject(e)?e=$.param(e):"string"==typeof e?e=encodeURIComponent(e):null===e&&(e=""),`${encodeURIComponent(t)}=${e}`);for(const e in s)if(s.hasOwnProperty(e))if($.isPlainObject(s[e])){n[e]=[];for(const i in s[e])s[e].hasOwnProperty(i)&&n[e].push(t(`${e}[${i}]`,s[e][i]))}else n[e]=[t(e,s[e])]}return n},expandPostArray:function(t){var e,i={};for(var s in t)if(t.hasOwnProperty(s)){var n,a=t[s],r=s.match(/^(\w+)(\[.*)?/);if(r[2])for(n=r[2].match(/\[[^\[\]]*\]/g),e=0;e",{attr:{method:"post",action:"","accept-charset":"UTF-8"}});if("string"==typeof t)for(var i,s=t.split("&"),n=0;n!!t),Object.fromEntries(Object.entries(t).filter(e))},inArray:function(t,e){return $.isPlainObject(e)&&(e=Object.values(e)),e.includes(t)},removeFromArray:function(t,e){var i=$.inArray(t,e);return-1!==i&&(e.splice(i,1),!0)},getLast:function(t){return t.length?t[t.length-1]:null},uniqueArray:function(t){return[...new Set(t)]},uppercaseFirst:function(t){return t.charAt(0).toUpperCase()+t.slice(1)},lowercaseFirst:function(t){return t.charAt(0).toLowerCase()+t.slice(1)},parseUrl:function(t){var e=t.match(/^(?:(https?):\/\/|\/\/)([^\/\:]*)(?:\:(\d+))?(\/[^\?]*)?(?:\?([^#]*))?(#.*)?/);return e?{scheme:e[1],host:e[2]+(e[3]?":"+e[3]:""),hostname:e[2],port:e[3]||null,path:e[4]||"/",query:e[5]||null,hash:e[6]||null}:{}},getQueryParams:function(t){let e;if(t){const i=t.match(/\?.+/);if(!i)return{};e=i[0]}else e=window.location.search;return Object.fromEntries(new URLSearchParams(e).entries())},getQueryParam:function(t,e){return this.getQueryParams(e)[t]},isSameHost:function(t){var e=this.parseUrl(document.location.href);if(!e)return!1;var i=this.parseUrl(t);return!!i&&e.host===i.host},secondsToHumanTimeDuration:function(t,e){void 0===e&&(e=!0);var i=604800,s=Math.floor(t/i);t%=i;var n=Math.floor(t/86400);t%=86400;var a,r=Math.floor(t/3600);t%=3600,e?(a=Math.floor(t/60),t%=60):(a=Math.round(t/60),t=0);var o=[];return s&&o.push(s+" "+(1===s?Craft.t("app","week"):Craft.t("app","weeks"))),n&&o.push(n+" "+(1===n?Craft.t("app","day"):Craft.t("app","days"))),r&&o.push(r+" "+(1===r?Craft.t("app","hour"):Craft.t("app","hours"))),!a&&(e||s||n||r)||o.push(a+" "+(1===a?Craft.t("app","minute"):Craft.t("app","minutes"))),!t&&(!e||s||n||r||a)||o.push(t+" "+(1===t?Craft.t("app","second"):Craft.t("app","seconds"))),o.join(", ")},asciiString:function(t,e){t=t.normalize("NFC");for(var i,s="",n=0;n(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16))},namespaceInputName:function(t,e){return e?t.replace(/([^'"\[\]]+)([^'"]*)/,`${e}[$1]$2`):t},namespaceId:function(t,e){return(e?`${Craft.formatInputId(e)}-`:"")+Craft.formatInputId(t)},randomString:function(t){for(var e="",i=0;it.href.replace(/&/g,"&"))),this._existingCss.includes(e.href))continue;this._existingCss.push(e.href)}if("SCRIPT"!==e.nodeName)s.push(e);else{if(e.src){if(this._existingJs||(this._existingJs=$("script[src]").toArray().map(t=>t.src.replace(/&/g,"&"))),this._existingJs.includes(e.src))continue;this._existingJs.push(e.src)}i.push(e)}}s.length&&e.append(s);const n=e[0];for(const t of i){const e=document.createElement("script");for(const i of t.attributes)e.setAttribute(i.name,i.value);e.src?await new Promise(t=>{e.onload=e.onerror=t,n.appendChild(e)}):(e.textContent=t.textContent,n.appendChild(e))}},_queueAppendHtml:function(t,e){return this._appendHtmlQueue=(this._appendHtmlQueue||Promise.resolve()).catch(()=>{}).then(()=>this._appendHtml(t,e)),this._appendHtmlQueue},appendHeadHtml:function(t){return this._queueAppendHtml(t,$("head"))},appendBodyHtml:function(t){return this._queueAppendHtml(t,Garnish.$bod)},appendFootHtml:function(t){return console.warn("Craft.appendFootHtml() is deprecated. Craft.appendBodyHtml() should be used instead."),this.appendBodyHtml(t)},initUiElements:function(t){$(".grid",t).grid(),$(".checkbox-select",t).checkboxselect(),$(".fieldtoggle",t).fieldtoggle(),$(".lightswitch",t).lightswitch(),$(".nicetext",t).nicetext(),$(".datetimewrapper",t).datetime(),$('.datewrapper > input[type="date"], .timewrapper > input[type="time"]',t).datetimeinput(),$(".formsubmit",t).formsubmit(),$(".menubtn:not([data-disclosure-trigger])",t).menubtn(),$("[data-disclosure-trigger]",t).disclosureMenu(),$(".expandable-button--collapsed",t).expandableButton(),$(".field.info-icon-instructions > .instructions, #details .meta > .field > .instructions",t).not(".visually-hidden,.sr-only").each(function(){const t=$(this),e=t.siblings(".heading").find("label");$("",{html:t.children().html()}).appendTo(e),t.addClass("sr-only")}),$(".info",t).infoicon(),$("a",t).not('[contenteditable="true"] a').each(function(){this.hostname.length&&this.hostname!==location.hostname&&void 0===$(this).attr("target")&&$(this).attr("rel","noopener").attr("target","_blank")})},_elementIndexClasses:{},_elementSelectorModalClasses:{},_elementEditorClasses:{},_uploaderClasses:{},_authFormHandlers:{},registerElementIndexClass:function(t,e){if(void 0!==this._elementIndexClasses[t])throw"An element index class has already been registered for the element type “"+t+"”.";this._elementIndexClasses[t]=e},registerUploaderClass:function(t,e){if(void 0!==this._uploaderClasses[t])throw"An asset uploader class has already been registered for the filesystem type “"+t+"”.";this._uploaderClasses[t]=e},registerElementSelectorModalClass:function(t,e){if(void 0!==this._elementSelectorModalClasses[t])throw"An element selector modal class has already been registered for the element type “"+t+"”.";this._elementSelectorModalClasses[t]=e},registerAuthFormHandler(t,e){if(void 0!==this._authFormHandlers[t])throw`An authentication form handler has already been registered for the method “${t}”.`;this._authFormHandlers[t]=e},createElementIndex:function(t,e,i){return new(void 0!==this._elementIndexClasses[t]?this._elementIndexClasses[t]:Craft.BaseElementIndex)(t,e,i)},createUploader:function(t,e,i){const s=new(void 0!==this._uploaderClasses[t]?this._uploaderClasses[t]:Craft.Uploader)(e,i);return s.fsType=t,s},createElementSelectorModal:function(t,e){return new(void 0!==this._elementSelectorModalClasses[t]?this._elementSelectorModalClasses[t]:Craft.BaseElementSelectorModal)(t,e)},createAuthFormHandler(t,e,i,s){if(void 0===this._authFormHandlers[t])throw`No authentication form has been registered for the method "${t}".`;if(e instanceof jQuery){if(!e.length)throw"No form element specified.";e=e[0]}return s||(s=t=>{Craft.cp.displayError(t)}),new this._authFormHandlers[t](e,i,s)},createElementEditor:function(t,e,i){return void 0===i&&$.isPlainObject(e)?(i=e,e=null):"object"!=typeof i&&(i={}),i.elementType||(i.elementType=t),new Craft.ElementEditorSlideout(e,i)},getLocalStorage:function(t,e){return t="Craft-"+Craft.systemUid+"."+t,"undefined"!=typeof localStorage&&void 0!==localStorage[t]?JSON.parse(localStorage[t]):e},setLocalStorage:function(t,e){if("undefined"!=typeof localStorage){t="Craft-"+Craft.systemUid+"."+t;try{localStorage[t]=JSON.stringify(e)}catch(t){}}},removeLocalStorage:function(t){"undefined"!=typeof localStorage&&localStorage.removeItem(`Craft-${Craft.systemUid}.${t}`)},getCookie:function(t){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)Craft-${Craft.systemUid}_${t}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")},setCookie:function(t,e,i){i=$.extend({},this.defaultCookieOptions,i);let s=`Craft-${Craft.systemUid}_${t}=${encodeURIComponent(e)}`;i.path&&(s+=`;path=${i.path}`),i.domain&&(s+=`;domain=${i.domain}`),i.maxAge?s+=`;max-age-in-seconds=${i.maxAge}`:i.expires&&(s+=`;expires=${i.expires.toUTCString()}`),i.secure&&(s+=";secure"),document.cookie=s},removeCookie:function(t){this.setCookie(t,"",new Date("1970-01-01T00:00:00"))},getElementInfo:function(t){let e=$(t);return e.hasClass("element")||(e=e.find(".element:first")),{id:e.data("id"),siteId:e.data("site-id"),label:e.data("label"),status:e.data("status"),url:e.data("url"),hasThumb:e.hasClass("has-thumb"),$element:e}},setElementSize:function(t,e){const i=$(t);if("small"!==e&&"large"!==e&&(e="small"),i.hasClass(e))return;const s="small"===e?"large":"small";if(i.addClass(e).removeClass(s),i.hasClass("has-thumb")){const t=i.find("> .thumb > img"),s=$("![]()
",{sizes:("small"===e?"30":"100")+"px",srcset:t.attr("srcset")||t.attr("data-pfsrcset")});t.replaceWith(s),picturefill({elements:[s[0]]})}},refreshElementInstances(t){const e=$(`div.element[data-id="${t}"][data-settings]`);if(!e.length)return;const i={};for(let s=0;s{const s=i.elements[t]||{};for(const t of Object.keys(s)){const i=e.eq(t),n=$(s[t]),a=n[0].attributes;for(const t of a)"class"===t.name?i.addClass(t.value):i.attr(t.name,t.value);for(const t of i[0].attributes)void 0===a[t.name]&&i.removeAttr(t.name);const r=i.find("> .chip-content .chip-actions, > .card-titlebar > .card-actions-container .card-actions").detach(),o=i.find("input,button").detach();if(i.html(n.html()).removeClass("error"),r.length){const t=r.find("span.status"),e=n.find("> .chip-content .chip-actions span.status, > .card-titlebar > .card-actions-container .card-actions span.status");t.length&&e.length&&t[0].classList!==e[0].classList&&r.find("span.status").replaceWith(e),i.find("> .chip-content .chip-actions, > .card-titlebar > .card-actions-container .card-actions").replaceWith(r)}o.length&&o.appendTo(i)}Craft.cp.elementThumbLoader.load(e)})},refreshComponentInstances(t,e){const i=$(`div.chip[data-type="${$.escapeSelector(t)}"][data-id="${e}"][data-settings]`);if(!i.length)return;const s=[];for(let t=0;t{for(let n=0;n .chip-content > .chip-actions, > .card-titlebar > .card-actions-container > .card-actions");if(n.length)s=n.find(".action-btn").removeClass("hidden");else{const e=$(t).children('[slot="suffix"]');e.length&&(n=e,s=n.find("[data-disclosure-trigger]").first().removeClass("hidden"))}if(!s?.length){const e=`actions-${Math.floor(1e6*Math.random())}`,i=`${e}-label`,a=$("",{id:i,class:"visually-hidden",text:Craft.t("app","Actions")});s=$("",{class:"btn action-btn",type:"button",title:Craft.t("app","Actions"),"aria-controls":e,"aria-describedby":i,"data-disclosure-trigger":"true"});const r=$("",{id:e,class:"menu menu--disclosure"});if(n?.length)a.appendTo(n),s.appendTo(n),r.appendTo(n);else{const e=$("",{class:"chip-actions"});e.append(a,s,r),$(t).append(e)}}const a=s.disclosureMenu().data("disclosureMenu"),r=e.filter(t=>!t.destructive),o=e.filter(t=>t.destructive);let l=i?a.$container.children().first().get(0):null;r.length&&a.addItems(r,a.addGroup(null,!0,l)),o.length&&a.addItems(o,a.addGroup(null,!0,l)),Craft.initUiElements(a.$container)},submitForm:function(t,e){void 0===e&&(e={}),e.confirm&&!confirm(e.confirm)||(e.requireElevatedSession?Craft.elevatedSessionManager.requireElevatedSession(()=>{this._submitFormInternal(t,e)}):this._submitFormInternal(t,e))},_submitFormInternal(t,e){const i=e.namespace??null;if(e.action&&$("",{type:"hidden",name:this.namespaceInputName("action",i),val:e.action}).appendTo(t),e.redirect&&$("",{type:"hidden",name:this.namespaceInputName("redirect",i),val:e.redirect}).appendTo(t),e.params)for(const s in e.params){const n=e.params[s];$("",{type:"hidden",name:this.namespaceInputName(s,i),val:n}).appendTo(t)}e.retainScroll&&this.setLocalStorage("scrollY",window.scrollY),t.trigger($.extend({type:"submit"},e.data))},trapFocusWithin:function(t){Garnish.trapFocusWithin(t)},releaseFocusWithin:function(t){Garnish.releaseFocusWithin(t)},setFocusWithin:function(t){Garnish.setFocusWithin(t)},filterInputVal:function(t,e){const i=$(t),s=i.val();let n=i[0].selectionStart,a="";for(let t=0;tnew Promise((e,i)=>{for(let e=0;e{for(const[e,i]of t)e.css(i)}).finished.then(e).catch(t=>{console.warn(t),e()})}else for(let i=0;i{switch(t.data.event){case"beforeTrackJobProgress":Craft.cp.cancelJobTracking();break;case"trackJobProgress":if(Craft.cp.setJobData(t.data.jobData),Craft.cp.jobInfo.length){const t=Craft.cp.getNextJobDelay()+1e3;Craft.cp.trackJobProgress(t)}break;case"copyElements":const e=Craft.getLocalStorage("copiedElements");Craft.cp.showElementCopyNotification(e||[])}}),Craft.messageReceiver.addEventListener("message",t=>{switch(t.data.event){case"saveElement":Craft.refreshElementInstances(t.data.id);break;case"deleteDraft":Craft.refreshElementInstances(t.data.canonicalId)}})}$.extend($.fn,{animateLeft:function(t,e,i,s){return"ltr"===Craft.orientation?this.velocity({left:t},e,i,s):this.velocity({right:t},e,i,s)},animateRight:function(t,e,i,s){return"ltr"===Craft.orientation?this.velocity({right:t},e,i,s):this.velocity({left:t},e,i,s)},disable:function(){return this.each(function(){var t=$(this);t.addClass("disabled"),t.data("activatable")&&t.removeAttr("tabindex")})},enable:function(){return this.each(function(){var t=$(this);t.removeClass("disabled"),t.data("activatable")&&t.attr("tabindex","0")})},grid:function(){return this.each(function(){var t=$(this),e={};t.data("item-selector")&&(e.itemSelector=t.data("item-selector")),t.data("cols")&&(e.cols=parseInt(t.data("cols"))),t.data("max-cols")&&(e.maxCols=parseInt(t.data("max-cols"))),t.data("min-col-width")&&(e.minColWidth=parseInt(t.data("min-col-width"))),t.data("mode")&&(e.mode=t.data("mode")),t.data("fill-mode")&&(e.fillMode=t.data("fill-mode")),t.data("col-class")&&(e.colClass=t.data("col-class")),t.data("snap-to-grid")&&(e.snapToGrid=!!t.data("snap-to-grid")),new Craft.Grid(this,e)})},infoicon:function(){return this.each(function(){new Craft.InfoIcon(this)})},checkboxselect:function(){return this.each(function(){$.data(this,"checkboxSelect")||new Garnish.CheckboxSelect(this,{storageKey:this.getAttribute("data-storage-key")})})},fieldtoggle:function(){return this.each(function(){$.data(this,"fieldtoggle")||new Craft.FieldToggle(this)})},lightswitch:function(t,e,i){return"settings"===t?("string"==typeof e?(t={})[e]=i:t=e,this.each(function(){var e=$.data(this,"lightswitch");e&&e.setSettings(t)})):($.isPlainObject(t)||(t={}),this.each(function(){var e=$.extend({},t);Garnish.hasAttr(this,"data-value")&&(e.value=$(this).attr("data-value")),Garnish.hasAttr(this,"data-indeterminate-value")&&(e.indeterminateValue=$(this).attr("data-indeterminate-value")),$.data(this,"lightswitch")||new Craft.LightSwitch(this,e)}))},nicetext:function(){return this.each(function(){$.data(this,"nicetext")||new Garnish.NiceText(this)})},formsubmit:function(){return this.on("activate",function(t){const e=$(t.currentTarget),i=e.data("params")||{};let s;e.data("param")&&(i[e.data("param")]=e.data("value"));let n=null;if("false"===e.attr("data-form"))s=Craft.createForm().addClass("hidden").append(Craft.getCsrfInput()).appendTo(Garnish.$bod);else{let t=e.closest(".menu--disclosure").length?e.closest(".menu--disclosure").data("trigger").$trigger:e.data("menu")?e.data("menu").$anchor:e,i=0==t.parents(".slideout").length,a=t.parents(".element-index.pane").length>0;i||a?s=t.attr("data-form")?$("#"+t.attr("data-form")):e.attr("data-form")?$("#"+e.attr("data-form")):t.closest("form"):(s=t.closest("form"),n=t.parents(".slideout").data("cpScreen").namespace),t.data("disclosureMenu")&&t.data("disclosureMenu").hide()}Craft.submitForm(s,{confirm:e.data("confirm"),action:e.data("action"),redirect:e.data("redirect"),retainScroll:Garnish.hasAttr(e,"data-retain-scroll"),requireElevatedSession:Garnish.hasAttr(e,"data-require-elevated-session"),namespace:n,params:i,data:$.extend({customTrigger:e},e.data("event-data"))})})},menubtn:function(){return this.each(function(){var t=$(this);if(!t.data("menubtn")&&t.next().hasClass("menu")){var e={};t.data("menu-anchor")&&(e.menuAnchor=t.data("menu-anchor")),new Garnish.MenuBtn(t,e)}})},disclosureMenu:function(t){return this.each(function(){const e=$(this);!e.data("trigger")&&e.attr("aria-controls")&&new Garnish.DisclosureMenu(e,t)})},expandableButton:function(){return this.each(function(){const t=$(this);let e=t.next(".expandable-button--expanded");e.length||(e=t.prev(".expandable-button--collapsed"));const i=t.parent();let s,n=!1,a=!1;const r=()=>{s&&(a||(t.addClass("hidden"),e.removeClass("hidden")),a=i[0].scrollWidth<=s,a||(t.removeClass("hidden"),e.addClass("hidden")))};new IntersectionObserver(t=>{n!==(n=0!==t[0].intersectionRatio)&&n&&r()}).observe(i[0]);const o=()=>{s!==(s=i[0].getBoundingClientRect().width)&&s&&r()};o(),new ResizeObserver(()=>{Garnish.requestAnimationFrame(()=>{o()})}).observe(i[0])})},datetime:function(){return this.each(function(){let t=$(this),e=t.find("input.text"),i=()=>{let i=!1;for(let t=0;t",{type:"button",class:"clear-btn",title:Craft.t("app","Clear"),"aria-label":Craft.t("app","Clear")}).appendTo(t).on("click",()=>{for(let t=0;t{""===t.val()?t.addClass("empty-value"):t.removeClass("empty-value")};t.on("input",e),e()})}}),Garnish.NiceText.charsLeftHtml=t=>Craft.t("app",'Characters left: {chars, number}',{chars:t}),Garnish.$doc.ready(function(){Craft.initUiElements()}),__webpack_require__(8757),__webpack_require__(4092),__webpack_require__(2510),__webpack_require__(1799),__webpack_require__(5766),__webpack_require__(780),__webpack_require__(9207),__webpack_require__(1032);var dr=jQuery,cr=__webpack_require__.n(dr);function ur(t,e){if(e.has(t))throw TypeError("Cannot initialize the same private elements twice on an object")}function pr(t,e,i){ur(t,e),e.set(t,i)}function fr(t,e,i){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:i;throw TypeError("Private element is not present on this object")}function gr(t,e,i){return t.set(fr(t,e),i),i}function mr(t,e){return t.get(fr(t,e))}function br(t){return"function"==typeof t.checkVisibility?t.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0}):t.offsetWidth>0||t.offsetHeight>0}!function(t){Craft.Slideout=Garnish.Base.extend({$outerContainer:null,$container:null,$shade:null,$liveRegion:t(''),$triggerElement:null,isOpen:!1,isOpening:!1,useMobileStyles:null,init:function(e,i){this.setSettings(i,Craft.Slideout.defaults),this.$outerContainer=t("",{class:"slideout-container cp-legacy hidden"}),this.$container=t(`<${this.settings.containerElement}/>`,this.settings.containerAttributes).attr("data-slideout","").addClass("slideout cp-legacy").append(e).data("slideout",this).appendTo(this.$outerContainer),this.$container.attr("id")&&(Craft.Slideout.instances[this.$container.attr("id")]=this),Garnish.addModalAttributes(this.$outerContainer),Craft.trapFocusWithin(this.$container),this.$liveRegion.appendTo(this.$container),this.settings.autoOpen&&this.open()},open:function(){if(this.isOpen)return;this.setTriggerElement(this.settings.triggerElement||document.activeElement),this._cancelTransitionListeners();const e=Craft.Preview.getActive()||Craft.LivePreview.getActive();if(this.useMobileStyles=e||Craft.useMobileStyles(),this.$outerContainer.removeClass("so-mobile so-lp"),this.$container.removeClass("so-mobile so-lp"),e?(this.$outerContainer.addClass("so-lp"),this.$container.addClass("so-lp")):this.useMobileStyles&&this.$container.addClass("so-mobile"),e||!this.useMobileStyles?(this.$shade||(this.$shade=t(''),this.settings.closeOnShadeClick&&this.addListener(this.$shade,"click",t=>{t.stopPropagation(),this.close()})),this.$shade.appendTo(Garnish.$bod).show()):this.$shade&&(this.$shade.remove(),delete this.$shade),this.$outerContainer.appendTo(Garnish.$bod).removeClass("hidden"),e){this.updateWidthsForPreviewPane(e);let t=e.$editorContainer.width();const i=new ResizeObserver(i=>{this.isOpen&&t!==(t=e.$editorContainer.width())&&this.updateWidthsForPreviewPane(e)});i.observe(e.$editorContainer[0]),e.on("beforeClose",()=>{i.disconnect()})}this.isOpening=!0,this.useMobileStyles?this.$container.css({top:"100vh",[Craft.Slideout.positionProp()]:""}):this.$container.css({top:"",[Craft.Slideout.positionProp()]:"100vw"}),this._afterTransition(this.$container,()=>{this.isOpening=!1,this.setFocusWithin()}),this.$shade&&(this.$shade[0].offsetWidth,this.$shade.addClass("so-visible")),this.$container[0].offsetWidth,Craft.Slideout.addPanel(this),this.enable(),Garnish.uiLayerManager.addLayer(this.$outerContainer),Garnish.hideModalBackgroundLayers(),this.settings.closeOnEsc&&Garnish.uiLayerManager.registerShortcut(Garnish.ESC_KEY,()=>{this.close()}),this.isOpen=!0,this.trigger("open")},setFocusWithin:function(){Craft.setFocusWithin(this.$container)},updateWidthsForPreviewPane:function(t){const e=t.$editorContainer.width()-1;this.$shade&&this.$shade.width(e),this.$outerContainer.css("width",`calc(${e}px - var(--m) * 2)`)},setTriggerElement:function(e){this.$triggerElement=t(e)},close:function(){if(this.isOpen&&(this.trigger("beforeClose"),this.disable(),this.isOpen=!1,this._cancelTransitionListeners(),this.$shade&&(this.$shade.removeClass("so-visible"),this._afterTransition(this.$shade,()=>{this.$shade.hide()})),Craft.Slideout.removePanel(this),Garnish.uiLayerManager.removeLayer(),Garnish.resetModalBackgroundLayerVisibility(),this._afterTransition(this.$container,()=>{this.$outerContainer.addClass("hidden"),this.trigger("close")}),this.$triggerElement?.length)){let e=t(this.$triggerElement)[0];if(!e.checkVisibility()){const t=e.closest(".menu--disclosure");if(t){const i=t.getAttribute("id");e=document.querySelector(`[aria-controls="${i}"]`)}else e=null}e&&setTimeout(()=>{e.focus()},150)}},_afterTransition:function(t,e){Garnish.prefersReducedMotion()?e():t.one("transitionend.slideout",e)},_cancelTransitionListeners:function(){this.$shade&&this.$shade.off("transitionend.slideout"),this.$container.off("transitionend.slideout")},destroy:function(){this.$shade&&(this.$shade.remove(),this.$shade=null),this.$outerContainer.remove(),this.$outerContainer=null,this.$container=null,Craft.Slideout.instances=Craft.filterObject(Craft.Slideout.instances,t=>t!==this),this.base()}},{defaults:{containerElement:"div",containerAttributes:{},autoOpen:!0,closeOnEsc:!0,closeOnShadeClick:!0,triggerElement:null},instances:{},openPanels:[],positionProp:function(){return"inset-inline-"+("start"===Craft.slideoutPosition?"end":"start")},totalPanels:function(){return Craft.Slideout.openPanels.length},addPanel:function(t){Craft.Slideout.openPanels.unshift(t),t.useMobileStyles?t.$container.css("top",0):Craft.Slideout.updateStyles()},removePanel:function(t){Craft.Slideout.openPanels=Craft.Slideout.openPanels.filter(e=>e!==t),t.useMobileStyles?t.$container.css("top","100vh"):(t.$container.css(Craft.Slideout.positionProp(),"100vw"),Craft.Slideout.updateStyles())},updateStyles:function(){const t=Craft.Slideout.totalPanels();Craft.Slideout.openPanels.forEach((e,i)=>{e.$container.css(Craft.Slideout.positionProp(),(t-i)/t*45+"vw")}),0!==t?Garnish.$bod.addClass("no-scroll"):Garnish.$bod.removeClass("no-scroll")}}),Garnish.on(Craft.Slideout,["open","close"],()=>{for(const t of Garnish.HUD.instances)t.showing&&t.updateSizeAndPosition(!0)})}(jQuery),__webpack_require__(8131),__webpack_require__(2329),__webpack_require__(1107),__webpack_require__(6395);var $r=new WeakMap,Cr=class t{constructor(){this.queue=[],this.workers=[],pr(this,$r,null),gr($r,this,new AbortController);for(let t=0;t<3;t++)this.workers.push(new wr(this))}load(e=document,i="[data-sizes]"){e.querySelectorAll(i).forEach(e=>{if(br(e))this.addToQueue(e);else{let i=`thumb${Math.floor(1e6*Math.random())}`;t.invisibleThumbs[i]=[this,e];let s=()=>{t.invisibleThumbs[i]&&br(e)&&(delete t.invisibleThumbs[i],this.addToQueue(e))};document.addEventListener("scroll",s,{signal:mr($r,this)?.signal}),window.addEventListener("resize",s,{signal:mr($r,this)?.signal})}})}addToQueue(t){this.queue.push(t),this.workers.forEach(t=>{t.active||t.loadNext()})}retryAll(){for(let e in t.invisibleThumbs){let i=t.invisibleThumbs[e];if(!i)continue;let[s,n]=i;delete t.invisibleThumbs[e],s.load(n.parentElement??document)}}destroy(){this.workers.forEach(t=>t.deactivate()),mr($r,this)?.abort()}};Cr.invisibleThumbs={};var vr=new WeakMap,_r=new WeakMap,yr=new WeakMap,wr=class{constructor(t){this.active=!1,this.container=void 0,pr(this,vr,null),pr(this,_r,null),pr(this,yr,null),gr(vr,this,t)}activate(){this.active||(this.active=!0,this.clearInterval(),gr(_r,this,setInterval(()=>{this.loadNextIfRemoved()},500)))}deactivate(){this.active&&(this.active=!1,this.clearInterval(),this.clearTimeout())}clearInterval(){mr(_r,this)&&(clearInterval(mr(_r,this)),gr(_r,this,null))}clearTimeout(){mr(yr,this)&&(clearTimeout(mr(yr,this)),gr(yr,this,null))}loadNext(){if(this.clearTimeout(),this.container=mr(vr,this)?.queue.shift(),void 0===this.container)return void this.deactivate();if(this.loadNextIfRemoved())return;if(this.container.querySelectorAll("img").length>0)return void this.loadNext();this.activate(),gr(yr,this,setTimeout(()=>{this.loadNext()},3e4));let t=document.createElement("img");t.sizes=this.container.getAttribute("data-sizes")??"",t.srcset=this.container.getAttribute("data-srcset")??"",t.alt=this.container.getAttribute("data-alt")??"",t.setAttribute("data-animated",this.container.getAttribute("data-animated")??""),t.src=this.container.getAttribute("data-src")??"",t.onload=()=>this.loadNext(),t.onabort=()=>this.loadNext(),t.onerror=()=>this.loadNext(),this.container.appendChild(t)}loadNextIfRemoved(){return!(!this.container||document.body.contains(this.container)||(this.loadNext(),0))}};Craft.ElementThumbLoader=class extends Cr{load(t){super.load(t[0],".thumb[data-sizes]")}},__webpack_require__(3965),__webpack_require__(4938),__webpack_require__(9167),__webpack_require__(2915),__webpack_require__(3958),__webpack_require__(2691),__webpack_require__(9817),__webpack_require__(993),__webpack_require__(2190);function Sr(t,e){ur(t,e),e.add(t)}var Ir=new WeakMap,Tr=new WeakSet,xr=class t{constructor(){Sr(this,Tr),pr(this,Ir,new Map)}static getInstance(e={}){return Er._||(Er._=new t),Er._}static resetInstance(){Er._&&(Er._=null)}initialize(t={}){gr(Ir,this,new Map(Object.entries(t)))}getCpUrl(t){return fr(Tr,this,Mr).call(this,mr(Ir,this).get("baseCpUrl"),t)}getActionUrl(t){return fr(Tr,this,Mr).call(this,mr(Ir,this).get("actionUrl"),t)}all(){return mr(Ir,this)}set(t,e){mr(Ir,this).set(t,e)}get(t,e=null){return mr(Ir,this).has(t)?mr(Ir,this).get(t):e}};function Mr(t,e){let i=new URL(t),s=e.startsWith("/")?e.slice(1):e;return i.pathname=`${i.pathname}/${s}`,i.toString()}var Er={_:null},kr=axios,Ar=new WeakMap,Pr=new WeakMap,Dr=new WeakMap,Br=new WeakMap,Lr=new WeakMap,Fr=new WeakMap,Hr=new WeakMap,Or=new WeakSet,Rr=class t extends EventTarget{constructor(...t){super(...t),Sr(this,Or),pr(this,Ar,Math.random().toString(36).slice(2)),this.enabled=!0,pr(this,Pr,""),this.canAccessQueueManager=!1,pr(this,Dr,!0),this.totalJobs=0,this.jobInfo=[],this.displayedJob=null,this.displayedJobUnchangedCount=1,pr(this,Br,null),this.isTracking=!1,pr(this,Lr,null),pr(this,Fr,null),pr(this,Hr,xr.getInstance())}static getInstance(){return Jr._||(Jr._=new t),Jr._}static resetInstance(){Jr._&&(Jr._.stopTracking(),mr(Fr,Jr._)?.close(),Jr._=null)}initialize(t={}){gr(Pr,this,t.appId??""),this.canAccessQueueManager=t.canAccessQueueManager??!1,gr(Dr,this,t.runAutomatically??!0),fr(Or,this,Nr).call(this)}async runQueue(){if(mr(Dr,this)){try{await kr.post(mr(Hr,this).getActionUrl("queue/run"))}catch(t){console.error(t)}this.startTracking(!1,!0)}else this.startTracking(!1,!0)}startTracking(t=!1,e=!1){if(this.isTracking&&!e)return;mr(Br,this)&&(clearTimeout(mr(Br,this)),gr(Br,this,null));let i=0;!0===t?i=fr(Or,this,Ur).call(this):"number"==typeof t&&(i=t),i>0?gr(Br,this,setTimeout(()=>{fr(Or,this,Wr).call(this)},i)):fr(Or,this,Wr).call(this)}stopTracking(){this.isTracking=!1,mr(Br,this)&&(clearTimeout(mr(Br,this)),gr(Br,this,null)),mr(Lr,this)&&(mr(Lr,this).abort(),gr(Lr,this,null))}setJobData(t){this.totalJobs=t.length,fr(Or,this,qr).call(this,t)}};function Nr(){if(typeof BroadcastChannel>"u"||!mr(Pr,this))return;let t=`CraftCMS:${mr(Pr,this)}:queue`;gr(Fr,this,new BroadcastChannel(t)),mr(Fr,this).addEventListener("message",t=>{fr(Or,this,Gr).call(this,t.data)})}function Gr(t){if(t.instanceId!==mr(Ar,this))switch(t.event){case"beforeTrackJobProgress":this.stopTracking();break;case"trackJobProgress":if(t.jobData&&this.setJobData(t.jobData.jobs),null!==this.displayedJob){let t=fr(Or,this,Ur).call(this)+1e3;this.startTracking(t)}}}function zr(t,e){mr(Fr,this)?.postMessage({event:t,instanceId:mr(Ar,this),...e})}function Ur(){return Math.min(6e4,500*this.displayedJobUnchangedCount)}async function Wr(){fr(Or,this,zr).call(this,"beforeTrackJobProgress"),this.isTracking=!0,gr(Lr,this,new AbortController);try{let t=await kr.get(mr(Hr,this).getActionUrl("queue/get-job-info"),{params:{dontExtendSession:1},signal:mr(Lr,this).signal});this.setJobData(t.data.jobs),fr(Or,this,zr).call(this,"trackJobProgress",{jobData:t.data}),null!==this.displayedJob&&this.startTracking(!0,!0)}catch(t){if(t instanceof Error&&"CanceledError"===t.name)return;let e=t;if(400===e.response?.status||403===e.response?.status)return void this.stopTracking();null!==this.displayedJob&&this.startTracking(!0,!0)}finally{this.isTracking=!1,gr(Lr,this,null)}}function Vr(t,e){return null===t&&null===e||null!==t&&null!==e&&t.id===e.id&&t.progress===e.progress&&t.progressLabel===e.progressLabel&&t.status===e.status}function qr(t){let e=this.displayedJob;this.jobInfo=t,this.displayedJob=fr(Or,this,Yr).call(this),fr(Or,this,Vr).call(this,e,this.displayedJob)?this.displayedJobUnchangedCount++:this.displayedJobUnchangedCount=1,fr(Or,this,jr).call(this),4===this.displayedJob?.status.value&&fr(Or,this,Xr).call(this,this.displayedJob),null===this.displayedJob&&e&&fr(Or,this,Kr).call(this)}function Yr(){if(0===this.jobInfo?.length)return null;let t=[2,4,1];for(let e of t){let t=this.jobInfo.find(t=>t.status.value===e&&!(1===e&&t.delay>0));if(t)return t}return null}function jr(){let t={totalJobs:this.totalJobs,jobInfo:this.jobInfo,displayedJob:this.displayedJob};this.dispatchEvent(new CustomEvent("job-update",{detail:t}))}function Kr(){this.dispatchEvent(new CustomEvent("job-complete"))}function Xr(t){let e={job:t};this.dispatchEvent(new CustomEvent("job-failed",{detail:e}))}var Jr={_:null};Craft.CP=Garnish.Base.extend({elementThumbLoader:null,animationBlocker:null,authManager:null,announcerTimeout:null,modalLayers:[],$nav:null,$navToggle:null,$globalLiveRegion:null,$globalSkipLinkList:null,$activeLiveRegion:null,$globalSidebar:null,$globalContainer:null,$mainContainer:null,$pageContainer:null,$alerts:null,$crumbs:null,$crumbList:null,$crumbItems:null,$crumbMenuTriggerItem:null,$crumbMenu:null,$crumbMenuList:null,$crumbMenuItems:null,$notificationContainer:null,$notificationHeading:null,$main:null,$primaryForm:null,$headerContainer:null,$header:null,$mainContent:null,$details:null,$detailsToggle:null,$detailsSkipLink:null,$sidebarContainer:null,$sidebarToggle:null,$sidebar:null,$contentContainer:null,$edition:null,$confirmUnloadForms:null,$deltaForms:null,$collapsibleTables:null,isMobile:null,fixedHeader:!1,tabManager:null,enableQueue:!0,totalJobs:0,displayedJobInfo:null,displayedJobInfoUnchanged:1,trackJobProgressTimeout:null,trackingJobProgress:!1,jobProgressCancelToken:null,jobProgressIcon:null,checkingForUpdates:!1,forcingRefreshOnUpdatesCheck:!1,includingDetailsOnUpdatesCheck:!1,checkForUpdatesCallbacks:null,checkForUpdatesFailureCallbacks:null,copyElementCallbacks:null,elementCopyNotification:null,resizeTimeout:null,QueueService:Rr.getInstance(),init:function(){if(this.elementThumbLoader=new Craft.ElementThumbLoader,0!==Craft.remainingSessionTime&&(this.authManager=new Craft.AuthManager),this.$nav=$("#nav"),this.$navToggle=$("#primary-nav-toggle"),this.$globalLiveRegion=$("#global-live-region"),this.$globalSkipLinkList=$("#global-skip-links"),this.$activeLiveRegion=this.$globalLiveRegion,this.$globalSidebar=$("#global-sidebar"),this.$globalContainer=$("#global-container"),this.$mainContainer=$("#main-container"),this.$pageContainer=$("#page-container"),this.$alerts=$("#alerts"),this.$crumbs=$("#crumbs"),this.$crumbList=$("#crumb-list"),this.$crumbItems=this.$crumbList.children("li"),this.$notificationContainer=$("#notifications"),this.$notificationHeading=$("#cp-notification-heading"),this.$main=$("#main"),this.$primaryForm=$("#main-form"),this.$headerContainer=$("#header-container"),this.$header=$("#header"),this.$mainContent=$("#main-content"),this.$details=$("#details"),this.$detailsToggle=$("#details-toggle"),this.$detailsSkipLink=$('[href="#details-container"]'),this.$detailsContainer=$("#details-container"),this.$sidebarContainer=$("#sidebar-container"),this.$sidebarToggle=$("#sidebar-toggle"),this.$sidebar=$("#sidebar"),this.$contentContainer=$("#content-container"),this.$collapsibleTables=$("table.collapsible"),this.isMobile=Garnish.isMobileBrowser(),!this.isMobile&&this.$header.length&&(this.addListener(Garnish.$win,"scroll","updateFixedHeader"),this.updateFixedHeader()),Garnish.$doc.ready(()=>{this.addListener(Garnish.$win,"resize",t=>{if(t.target===window){this.handleWindowResize(),clearTimeout(this.resizeTimeout);var e=this;this.resizeTimeout=setTimeout(function(){e.setSidebarNavAttributes()},100)}}),this.handleWindowResize(),this.setSidebarNavAttributes(),Garnish.requestAnimationFrame(this.initSpecialForms.bind(this))}),this.$alerts.length&&this.initAlerts(),this.animationBlocker=new Craft.AnimationBlocker,this.addListener(this.$navToggle,"click","toggleNav"),this.addListener(this.$sidebarToggle,"click","toggleSidebar"),this.addListener(this.$detailsToggle,"open",()=>{this.$detailsSkipLink.attr("href","#details-container")}),this.addListener(this.$detailsToggle,"close",()=>{this.$detailsSkipLink.attr("href","#details-toggle-wrapper")}),Garnish.uiLayerManager.on("addLayer",()=>{this.handleLayerUpdates()}),Garnish.uiLayerManager.on("removeLayer",()=>{this.handleLayerUpdates()}),this.$primaryForm.length||(this.$primaryForm=$("form[data-saveshortcut]:first")),this.$primaryForm.length&&Garnish.hasAttr(this.$primaryForm,"data-saveshortcut")){let t=[],e=this.$primaryForm.data("actions");if(void 0===e)t.push([{keyCode:Garnish.S_KEY,ctrl:!0},{redirect:this.$primaryForm.data("saveshortcut-redirect"),retainScroll:Garnish.hasAttr(this.$primaryForm,"saveshortcut-scroll")}]);else for(let i=0;i{this.submitPrimaryForm(t[e][1])})}if(this.initTabs(),this.tabManager&&window.LOCATION_HASH){const t=this.tabManager.$tabs.filter(`[href="#${window.LOCATION_HASH}"]`);t.length&&this.tabManager.selectTab(t)}let t;const e=document.location,i=new URLSearchParams(e.search);if(i.has("scrollY")?(t=i.get("scrollY"),i.delete("scrollY"),Craft.setUrl(Craft.getUrl(`${e.origin}${e.pathname}${e.hash}`,i.toString()))):(t=Craft.getLocalStorage("scrollY"),void 0!==t&&Craft.removeLocalStorage("scrollY")),void 0!==t&&Garnish.$doc.ready(()=>{Garnish.requestAnimationFrame(()=>{window.scrollTo(0,t)})}),$.isTouchCapable()&&(this.$mainContainer.on("focus","input, textarea, .focusable-input",this._handleInputFocus.bind(this)),this.$mainContainer.on("blur","input, textarea, .focusable-input",this._handleInputBlur.bind(this))),Craft.announcements?.length){let t=$("#announcements-btn").removeClass("hidden");const i=Craft.announcements.some(t=>t.unread);let s,n;i&&(s=$("",{class:"visually-hidden",html:Craft.t("app","Unread messages")}),t.addClass("unread").append(s)),this.addListener(t,"click",()=>{if(n)n.show();else{let a="";Craft.announcements.forEach(t=>{a+=``}),n=new Garnish.HUD(t,`i.serialize());i.data("initialSerializedValue",t())}this.addListener(i,"submit",function(t){if(Garnish.hasAttr(i,"data-confirm-unload")&&this.removeListener(Garnish.$win,"beforeunload"),Garnish.hasAttr(i,"data-delta")){t.preventDefault();const e=i.data("serializer")||(()=>i.serialize()),s=Craft.findDeltaData(i.data("initialSerializedValue"),e(),i.data("delta-names"),null,i.data("initial-delta-values"),i.data("modified-delta-names"));Craft.createForm(s).appendTo(Garnish.$bod).submit()}})}this.addListener(Garnish.$win,"beforeunload",function(t){let e=!1;if(void 0!==Craft.livePreview&&Craft.livePreview.inPreviewMode)e=!0;else for(let t=0;t{const e=t.$tab.attr("href");if(e&&"#"===e.charAt(0)&&$(e).removeClass("hidden"),Garnish.$win.trigger("resize"),Garnish.$doc.trigger("scroll"),e&&"#"===e.charAt(0)){const t=document.querySelectorAll("#site-crumb-menu a[href], #context-menu a[href]");for(const i of t)i.href=i.href.match(/^[^#]*/)[0]+e}"undefined"!=typeof history&&Garnish.requestAnimationFrame(()=>{history.replaceState(void 0,void 0,e)})}),this.tabManager.on("deselectTab",t=>{const e=t.$tab.attr("href");e&&"#"===e.charAt(0)&&$(t.$tab.attr("href")).addClass("hidden")}))},updateTabs:function(t){if(t){const e=$(t).attr("id","tabs");this.tabManager?this.tabManager.$container.replaceWith(e):e.appendTo(this.$contentHeader),this.initTabs()}else this.tabManager&&(this.tabManager.$container.siblings().length?this.tabManager.$container.remove():this.tabManager.$container.parent().remove(),this.tabManager.destroy(),this.tabManager=null)},get $tabsContainer(){return this.tabManager?this.tabManager.$container:void 0},get $tabsList(){return this.tabManager?this.tabManager.$tablist:void 0},get $tabs(){return this.tabManager?this.tabManager.$tablist.find("> a"):void 0},get $selectedTab(){return this.tabManager?this.tabManager.$selectedTab:void 0},get selectedTabIndex(){return this.tabManager?this.tabManager.$tabs.index(this.tabManager.$selectedTab):void 0},get $focusableTab(){return this.tabManager?this.tabManager.$focusableTab:void 0},selectTab:function(t){this.tabManager&&this.tabManager.selectTab(t)},deselectTab:function(){this.tabManager&&this.tabManager.deselectTab()},handleSkipLinkVisibility:function(){this.$globalSkipLinkList.length&&this.$globalSkipLinkList.find("a").each((t,e)=>{const i=$(e);$(i.attr("href")).length?i.removeClass("hidden"):i.addClass("hidden")})},handleBreadcrumbVisibility:function(){if(!this.$crumbItems.length)return;this.$crumbMenuItems&&(this.$crumbItems.css("max-width",""),this.$crumbMenuItems.insertAfter(this.$crumbMenuTriggerItem),this.$crumbMenuTriggerItem.detach(),this.$crumbMenuItems=null);const t=Math.ceil(this.$crumbs[0].getBoundingClientRect().width-this.$navToggle[0].getBoundingClientRect().width),e=[];for(let t=0;tt+e,0)>t){if(this.$crumbMenuTriggerItem)this.$crumbMenuTriggerItem.prependTo(this.$crumbList);else{this.$crumbMenuTriggerItem=$("",{class:"crumb"}).prependTo(this.$crumbList);const t=$("",{class:"crumb-label"}).appendTo(this.$crumbMenuTriggerItem),e=$("",{id:"crumb-menu-trigger","data-icon":"ellipsis","data-disclosure-trigger":"true","aria-controls":"crumb-menu","aria-haspopup":"true","aria-label":Craft.t("app","More…"),title:Craft.t("app","More…")}).appendTo(t);this.$crumbMenu=$("",{id:"crumb-menu",class:"menu menu--disclosure","data-disclosure-menu":"true"}).appendTo(t),this.$crumbMenuList=$("0&&(void 0===this.updateResponsiveTables._$table.data("lastContainerWidth")?this.updateResponsiveTables._check=!0:(this.updateResponsiveTables._isCollapsed=this.updateResponsiveTables._$table.hasClass("collapsed"),this.updateResponsiveTables._containerWidth>this.updateResponsiveTables._$table.data("lastContainerWidth")?this.updateResponsiveTables._isCollapsed&&(this.updateResponsiveTables._$table.removeClass("collapsed"),this.updateResponsiveTables._check=!0):this.updateResponsiveTables._isCollapsed||(this.updateResponsiveTables._check=!0)),this.updateResponsiveTables._check&&this.updateResponsiveTables._$table.width()-30>this.updateResponsiveTables._containerWidth&&this.updateResponsiveTables._$table.addClass("collapsed"),this.updateResponsiveTables._$table.data("lastContainerWidth",this.updateResponsiveTables._containerWidth))},updateFixedHeader:function(){if(!(this.isMobile||this.$sidebarToggle?.length&&null!==this.$sidebarToggle[0].offsetParent))if(this.$main.length&&this.$headerContainer[0].getBoundingClientRect().top<0){const t=this.$headerContainer.height(),e=this.$header.width();this.fixedHeader||(this.$contentContainer.css("min-height","calc(100vh - "+(t+14+48-1)+"px)"),this.$headerContainer.height(t),this.$header.width(e),Garnish.$bod.addClass("fixed-header"),this.fixedHeader=!0),this._setFixedTopPos(this.$sidebar,t),this.$detailsContainer.css("top",t+14)}else this.fixedHeader&&(this.$headerContainer.height("auto"),this.$header.width("auto"),Garnish.$bod.removeClass("fixed-header"),this.$contentContainer.css("min-height",""),this.$sidebar.removeClass("fixed").css("top",""),this.$detailsContainer.css("top",""),this.fixedHeader=!1)},updateNotificationHeadingDisplay(){this.notificationCount>0?this.$notificationHeading.removeClass("hidden"):this.$notificationHeading.addClass("hidden")},_setFixedTopPos:function(t,e){t.length&&this.$contentContainer.length&&(t.outerHeight()>=this.$contentContainer.outerHeight()?t.removeClass("fixed").css("top",""):t.addClass("fixed").css("top",Math.min(e+14,Math.max(this.$mainContent[0].getBoundingClientRect().top,document.documentElement.clientHeight-t.outerHeight()))+"px"))},announce:function(t){t&&this.$activeLiveRegion&&document.contains(this.$activeLiveRegion[0])?(this.announcerTimeout&&clearTimeout(this.announcerTimeout),this.$activeLiveRegion?.empty().text(t),this.announcerTimeout=setTimeout(()=>{this.$activeLiveRegion?.empty()},5e3)):console.warn("There was an error announcing this message.")},displayNotification:function(t,e,i){let s;return s=t instanceof Craft.CP.Notification?t:new Craft.CP.Notification(t,e,i),s.show().then(()=>{this.trigger("displayNotification",{notificationType:s.type,message:s.message,notification:s}),this.updateNotificationHeadingDisplay()}),s},displayNotice:function(t,e){return this.displayNotification("notice",t,Object.assign({icon:"info",iconLabel:Craft.t("app","Notice")},e))},displaySuccess:function(t,e){return this.displayNotification("success",t,Object.assign({icon:"check",iconLabel:Craft.t("app","Success")},e))},displayError:function(t,e){return t&&"object"!=typeof t||(e=t,t=Craft.t("app","A server error occurred.")),this.displayNotification("error",t,Object.assign({icon:"alert",iconLabel:Craft.t("app","Error")},e))},copyElements(t){if(t instanceof jQuery){const e=t;t=[],e.each((e,i)=>{const s=$(i);t.push({type:s.data("type"),id:s.data("id"),draftId:s.data("draftId"),revisionId:s.data("revisionId"),fieldId:s.data("fieldId"),ownerId:s.data("ownerId"),siteId:s.data("siteId")})})}t.length?Craft.setLocalStorage("copiedElements",t):Craft.removeLocalStorage("copiedElements"),this.showElementCopyNotification(t),Craft.broadcaster&&Craft.broadcaster.postMessage({event:"copyElements"})},clearCopiedElements(){this.copyElements([])},showElementCopyNotification:function(t=[],e={}){this.closeElementCopyNotification(!1),t.length?(this.elementCopyNotification=new Craft.CP.ElementCopyNotification(t,e),this.displayNotification(this.elementCopyNotification),this.elementCopyNotification.on("show",()=>{this.elementCopyNotification&&this._invokeElementCopyCallbacks(this.elementCopyNotification.elementInfo)})):this._invokeElementCopyCallbacks(t)},_invokeElementCopyCallbacks:function(t){const e=this._pasteElementsButtonLabel(t);for(callback of this.copyElementCallbacks)callback(t,e)},_pasteElementsButtonLabel:function(t){if(!t.length)return null;const e=t[0].type;return Craft.uppercaseFirst(Craft.t("app","Paste {type}",{type:1===t.length?Craft.elementTypeNames[e][2]:Craft.elementTypeNames[e][3]}))},closeElementCopyNotification:function(t=!0){if(this.elementCopyNotification){const e=this.elementCopyNotification;this.elementCopyNotification=null,e.close(),t&&this._invokeElementCopyCallbacks([])}},onCopyElements:function(t){this.copyElementCallbacks.push(t),this.elementCopyNotification?.loaded&&t(this.elementCopyNotification.elementInfo,this._pasteElementsButtonLabel(this.elementCopyNotification.elementInfo))},getCopiedElements:function(){return this.elementCopyNotification?.loaded?this.elementCopyNotification.elementInfo:[]},async pasteElements(t={}){const e=Craft.getLocalStorage("copiedElements");if(!e?.length)return;let i;try{i=(await Craft.sendActionRequest("POST","elements/bulk-duplicate",{data:{elements:e,newAttributes:t}})).data}catch(t){return Craft.cp.displayError(t?.response?.data?.message),[]}return this.clearCopiedElements(),this.displaySuccess(i.message),i.newElements},fetchAlerts:function(){return Craft.queue.push(()=>new Promise((t,e)=>{const i={path:Craft.path};Craft.sendActionRequest("POST","app/get-cp-alerts",{data:i}).then(({data:e})=>{t(e.alerts)}).catch(e)}))},displayAlerts:async function(t,e=!0){if(this.$alerts.remove(),Array.isArray(t)&&t.length){this.$alerts=$('{t.preventDefault(),Craft.queue.push(()=>new Promise((e,i)=>{const s=$(t.currentTarget),n={message:s.prop("className").substring(5)};Craft.sendActionRequest("POST","app/shun-cp-alert",{data:n}).then(()=>{s.parent().remove(),e()}).catch(({response:t})=>{this.displayError(t.data.message),i()})}))});const i=this.$alerts.find(".resolvable-alert-buttons");if(i.length){const t=Craft.ui.createButton({label:Craft.t("app","Refresh"),spinner:!0}).appendTo(i);t.on("click",async()=>{t.addClass("loading");try{await Craft.sendApiRequest("GET","ping");const t=await this.fetchAlerts();this.displayAlerts(t,!1)}finally{t.removeClass("loading")}})}},updateContext:function(t,e){const i=document.querySelector("#context-menu-container > span");i&&(i.textContent=t);const s=document.querySelector("#context-menu a.sel");if(s){s.querySelector(".menu-item-label").textContent=t;let i=s.querySelector(".menu-item-description");e?(i||(i=document.createElement("div"),i.className="menu-item-description smalltext light",s.append(i)),i.textContent=e):i&&i.remove()}},showSiteCrumbMenuItem:function(t){const e=document.querySelector(`#site-crumb-menu a[data-site-id="${t}"]`);if(e){const t=e.closest("li");t.classList.remove("hidden");const i=t.closest(".menu-group");i&&i.classList.remove("hidden")}},setSiteCrumbMenuItemStatus:function(t,e){const i=document.querySelector(`#site-crumb-menu a[data-site-id="${t}"]`);if(i){let t=i.querySelector(".status");e?(t||(t=document.createElement("div"),i.prepend(t)),t.className=`status ${e}`):t&&t.remove()}},checkForUpdates:async function(t,e,i,s){if("function"==typeof e&&(s=i,i=e,e=!1),this.checkingForUpdates&&(!0===t&&!this.forcingRefreshOnUpdatesCheck||!0===e&&!this.includingDetailsOnUpdatesCheck)){const n=i,a=s;i=()=>{this.checkForUpdates(t,e,n,a)}}if("function"==typeof i&&(Array.isArray(this.checkForUpdatesCallbacks)||(this.checkForUpdatesCallbacks=[]),this.checkForUpdatesCallbacks.push(i)),"function"==typeof s&&(Array.isArray(this.checkForUpdatesFailureCallbacks)||(this.checkForUpdatesFailureCallbacks=[]),this.checkForUpdatesFailureCallbacks.push(s)),!this.checkingForUpdates){let i;this.checkingForUpdates=!0,this.forcingRefreshOnUpdatesCheck=!0===t,this.includingDetailsOnUpdatesCheck=!0===e;try{i=await this._checkForUpdates(t,e)}catch(t){if(this.checkingForUpdates=!1,Array.isArray(this.checkForUpdatesFailureCallbacks)){const t=this.checkForUpdatesFailureCallbacks;this.checkForUpdatesFailureCallbacks=null;for(const e of t)e()}return}if(this.updateUtilitiesBadge(),this.checkingForUpdates=!1,Array.isArray(this.checkForUpdatesCallbacks)){const t=this.checkForUpdatesCallbacks;this.checkForUpdatesCallbacks=null;for(const e of t)e(i)}this.trigger("checkForUpdates",{updateInfo:i})}},_checkForUpdates:function(t,e){return new Promise((i,s)=>{t?this._getUpdates(e).then(i).catch(s):this._checkForCachedUpdates(e).then(t=>{t.cached?i(t):this._getUpdates(e).then(t=>{i(t)}).catch(s)}).catch(s)})},_checkForCachedUpdates:function(t){return new Promise(function(e,i){var s={onlyIfCached:!0,includeDetails:t};Craft.sendActionRequest("POST","app/check-for-updates",{data:s}).then(({data:t})=>{e(t)}).catch(()=>{e({cached:!1})})})},_getUpdates:function(t){return new Promise((e,i)=>{Craft.sendApiRequest("GET","updates").then(s=>{this._cacheUpdates(s,t).then(t=>{e(t)}).catch(i)}).catch(i)})},_cacheUpdates:function(t,e){return new Promise((i,s)=>{const n={updates:t,includeDetails:e};Craft.sendActionRequest("POST","app/cache-updates",{data:n}).then(({data:t})=>{i(t)}).catch(s)})},updateUtilitiesBadge:function(){var t=$("#nav-utilities").find("> a:not(.sel)");t.length&&Craft.queue.push(()=>new Promise((e,i)=>{Craft.sendActionRequest("POST","app/get-utilities-badge-count").then(({data:i})=>{let s=t.children(".sidebar-action__badge");i.badgeCount&&!s.length&&(s=$('').appendTo(t));const n=s.children(".badge"),a=s.children("[data-notification]");i.badgeCount?(n.text(i.badgeCount),a.text(Craft.t("app","{num, number} {num, plural, =1{notification} other{notifications}}",{num:i.badgeCount}))):s.length&&s.remove(),e()}).catch(i)}))},runQueue:function(){Craft.runQueueAutomatically?Craft.queue.push(()=>this.QueueService.runQueue()):this.QueueService.startTracking(!1,!0)},trackJobProgress:function(t,e){this.QueueService.startTracking(t,e)},setJobData:function(t){this.QueueService.setJobData(t)},get jobInfo(){return this.QueueService.jobInfo},setJobInfo:function(t){this.QueueService.setJobData({jobs:t,total:t.length}),this.trigger("setJobInfo")},cancelJobTracking:function(){this.QueueService.stopTracking()},getDisplayedJobInfo:function(){if(!this.enableQueue)return null;for(var t=[Craft.CP.JOB_STATUS_RESERVED,Craft.CP.JOB_STATUS_FAILED,Craft.CP.JOB_STATUS_WAITING],e=0;ee.id===t);if(!e)throw`Invalid site ID: ${t}`;Craft.siteId=t,Craft.actionUrl=Craft.getUrl(Craft.actionUrl,{site:e.handle}),Craft.baseCpUrl&&(Craft.baseCpUrl=Craft.getUrl(Craft.baseCpUrl,{site:e.handle})),Craft.baseUrl=Craft.getUrl(Craft.baseUrl,{site:e.handle});const i=Craft.getUrl(document.location.href,{site:e.handle});history.replaceState({},"",i);for(const t of document.body.classList)t.match(/^site--/)&&document.body.classList.remove(t);document.body.classList.add(`site--${e.handle}`),$("a").each(function(){Craft.cpTrigger&&this.hostname.length&&this.hostname===location.hostname&&-1!==this.href.indexOf(Craft.cpTrigger)&&(this.href=Craft.getUrl(this.href,{site:e.handle}))})},previewCountBadge:function(t,e,i=!0){let s=t||window.event;if("click"==s.type||32==s.keyCode||13==s.keyCode){s.preventDefault();const t=$(s.target).prev(),n=$(e).parent();let a=$(e).data("other");a&&(a=JSON.parse(a),$(e).replaceWith(a),i&&this.elementThumbLoader.load(n)),Garnish.firstFocusableElement(t.next()).trigger("focus")}}},{notificationDuration:5e3,JOB_STATUS_WAITING:1,JOB_STATUS_RESERVED:2,JOB_STATUS_DONE:3,JOB_STATUS_FAILED:4}),Craft.CP.Notification=Garnish.Base.extend({type:null,message:null,settings:null,closing:!1,closeTimeout:null,_preventDelayedClose:!1,$container:null,$innerContainer:null,$closeBtn:null,$main:null,$message:null,$detailsContainer:null,originalActiveElement:null,init:function(t,e,i={}){this.type=t,this.message=e,this.setSettings(i,Craft.CP.Notification.defaults)},show:async function(){this.$container=$("",{class:"notification","data-type":this.type}),this.settings.class&&this.$container.addClass(this.settings.class),this.$innerContainer=$("",{class:"notification-inner"}).appendTo(this.$container);const t=$('').appendTo(this.$innerContainer),e=$("",{class:"cp-icon notification-icon"}).append(await Craft.ui.icon(this.settings.icon)).appendTo(t);this.settings.iconLabel?e.attr({"aria-label":this.settings.iconLabel,role:"img"}):e.attr("aria-hidden","true"),this.$main=$('').appendTo(t),this.$message=$("",{class:"notification-message",text:this.message}).appendTo(this.$main);const i=$("").appendTo(this.$innerContainer);this.$closeBtn=this.createCloseButton().appendTo(i);const s=await this.getDetails();if(s&&(this.$detailsContainer=$('').append(s).appendTo(this.$main),this.$detailsContainer.find("button,input").length&&(this.originalActiveElement=document.activeElement,this.$container.attr("tabindex","-1").focus(),this.addListener(this.$container,"keydown",t=>{t.keyCode===Garnish.ESC_KEY&&this.close()}))),Craft.initUiElements(this.$innerContainer),this.addListener(this.$closeBtn,"click",()=>{this.handleCloseButtonClick()}),this.$container.appendTo(Craft.cp.$notificationContainer),this.settings.animate){const t=Craft.notificationPosition.startsWith("start-")?"top":"bottom";this.$container.css({opacity:0,[`margin-${t}`]:this._negMargin()}),await Craft.animate(this.$container,{opacity:1,[`margin-${t}`]:0})}this.$detailsContainer&&Craft.cp.elementThumbLoader.load(this.$detailsContainer),Craft.notificationDuration&&!this.settings.persist&&this._initDelayedClose(),this.trigger("show")},createCloseButton(){return $("",{type:"button",class:"notification-close-btn","aria-label":Craft.t("app","Close"),"data-icon":"remove"})},updateMessage(t){this.message=t,this.$message.text(t)},getDetails:async function(){return this.settings.details},_initDelayedClose:function(){this._preventDelayedClose||(Craft.isVisible()?(this.delayedClose(),this.$container.on("keypress keyup change focus click mousedown mouseup",t=>{t.target!=this.$closeBtn[0]&&(this.$container.off("keypress keyup change focus click mousedown mouseup"),this.preventDelayedClose())})):Garnish.$doc.one("visibilitychange",()=>{this._initDelayedClose()}))},_negMargin:function(){return`-${this.$container.outerHeight()+12}px`},handleCloseButtonClick:function(){this.close()},close:async function(){if(this.closing)return;this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null),this.closing=!0,this.originalActiveElement&&document.activeElement&&(document.activeElement===this.$container[0]||$.contains(this.$container[0],document.activeElement))&&$(this.originalActiveElement).focus();const t=Craft.notificationPosition.startsWith("start-")?"top":"bottom";await Craft.animate(this.$container,{opacity:0,[`margin-${t}`]:this._negMargin()}),this.destroy(),Craft.cp.trigger("notificationClose")},delayedClose:function(){this.closeTimeout=setTimeout(()=>{this.close()},Craft.notificationDuration),this.$container.one("mouseover",()=>{clearTimeout(this.closeTimeout),this.closeTimeout=null,this.$container.on("mouseout",t=>{t.currentTarget==this.$container[0]&&(this.$container.off("mouseout"),this.delayedClose())})})},preventDelayedClose:function(){this._preventDelayedClose=!0,this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null),this.$container.off("mouseover mouseout")},destroy:function(){this.$container.remove(),this.base()}},{defaults:{icon:"info",iconLabel:null,details:null,persist:!1,class:null,animate:!0}}),Craft.CP.ElementCopyNotification=Craft.CP.Notification.extend({elementInfo:null,elementType:null,loaded:!1,$copiedElements:null,init:function(t,e={}){if(this.elementInfo=t,!this.elementInfo?.length)throw"No elements are copied.";this.elementType=this.elementInfo[0].type;const i=this.getMessage();this.base("notice",i,Object.assign({icon:"clone-dashed",persist:!0,class:"copied-elements-notification"},e))},createCloseButton(){return Craft.ui.createButton({icon:"xmark",label:Craft.t("app","Cancel"),class:"chromeless notification-close-btn"})},getMessage(){return 1===this.elementInfo.length?Craft.t("app","{type} copied.",{type:Craft.elementTypeNames[this.elementType][0]}):Craft.uppercaseFirst(Craft.t("app","{total, number} {type} copied.",{total:this.elementInfo.length,type:Craft.elementTypeNames[this.elementType][3]}))},getDetails:async function(){const{data:t}=await Craft.sendActionRequest("POST","app/render-elements",{data:{elements:this.elementInfo.map(t=>({type:t.type,id:t.id,siteId:t.siteId,revisionId:t.revisionId??null,instances:[{ui:"chip",hyperlink:!1}]}))}});if(!$.isPlainObject(t.elements))return void Craft.cp.clearCopiedElements();setTimeout(async()=>{await Craft.appendHeadHtml(t.headHtml),await Craft.appendBodyHtml(t.bodyHtml)},1),this.$copiedElements=$('');let e=$();for(const i of this.elementInfo)for(const s of t.elements[i.id]||[])e=e.add(s);const i=[];for(let t=0;t").appendTo(Craft.cp.$nav.children("ul")),this.$container=$("",{class:"nav-item nav-item--job"}).appendTo(this.$li),this.$a=$("",{id:"job-icon",class:"sidebar-action sidebar-action--job",href:Craft.canAccessQueueManager?Craft.getUrl("utilities/queue-manager"):null}).appendTo(this.$container);const t=$('');this.$canvasContainer=$('').appendTo(t),t.appendTo(this.$a);const e=$('
').appendTo(s),t.name&&$("",{type:"hidden",name:t.name,value:t.on?e:t.indeterminate?i:"",disabled:t.disabled}).appendTo(s),(t.toggle||t.reverseToggle)&&(s.addClass("fieldtoggle"),new Craft.FieldToggle(s)),new Craft.LightSwitch(s,{onChange:t.onChange||$.noop}),s},createLightswitchField:function(t){return t.id||(t.id="lightswitch"+Math.floor(1e9*Math.random())),t.labelId||(t.labelId=`${t.id}-label`),this.createField(this.createLightswitch(t),t).addClass("lightswitch-field")},createIconPicker:function(t){const e=$("",{id:t.id,class:"icon-picker"}),i=$("",{class:"icon-picker--icon",lang:Craft.language}).appendTo(e);if(t.small&&(e.addClass("small"),i.addClass("small")),!t.static){const i=this.createButton({class:"icon-picker--choose-btn",label:Craft.t("app","Choose")}).appendTo(e),s=this.createButton({class:"icon-picker--remove-btn hidden",label:Craft.t("app","Remove")}).appendTo(e);t.small&&(i.addClass("small"),s.addClass("small")),t.name&&$("",{type:"hidden",name:t.name}).appendTo(e)}const s=new Craft.IconPicker(e,{freeOnly:t.freeOnly});return t.value&&s.selectIcon(t.value),e},createIconPickerField:function(t){return t.id||(t.id="iconpicker"+Math.floor(1e9*Math.random())),t.labelId||(t.labelId=`${t.id}-label`),this.createField(this.createIconPicker(t),t).addClass("iconpicker-field")},createColorInput:function(t){const e=t.id||"color"+Math.floor(1e9*Math.random()),i=t.containerId||e+"-container",s=t.name||null,n=t.value||null,a=t.small||!1,r=t.autofocus&&Garnish.isMobileBrowser(!0),o=t.disabled||!1,l=$("",{id:i,class:"flex color-container"}),h=$("",{class:"color static"+(a?" small":"")}).appendTo(l),d=($("",{class:"color-preview",style:t.value?{backgroundColor:t.value}:null}).appendTo(h),$("",{class:"color-input-container"}).append($("",{class:"color-hex-indicator light code","aria-hidden":"true",text:"#"})).appendTo(l));return this.createTextInput({id:e,name:s,value:Craft.ltrim(n,"#"),size:10,class:"color-input",autofocus:r,disabled:o,"aria-label":Craft.t("app","Color hex value")}).appendTo(d),new Craft.ColorInput(l),l},createColorField:function(t){return t.fieldset=!0,o,t.id||(t.id="color"+Math.floor(1e9*Math.random())),this.createField(this.createColorInput(t),t)},createDateInput:function(t){const e=Garnish.isMobileBrowser(),i=(t.id||"date"+Math.floor(1e9*Math.random()))+"-date",s=t.name||null,n=s?s+"[date]":null,a=t.value&&"function"==typeof t.value.getMonth?t.value:null,r=t.autofocus&&Garnish.isMobileBrowser(!0),o=t.disabled||!1,l=$("",{class:"datewrapper"}),h=this.createTextInput({id:i,type:e?"date":"text",class:!(!e||a)&&"empty-value",name:n,value:a?e?a.toISOString().split("T")[0]:Craft.formatDate(a):"",placeholder:" ",autocomplete:!1,autofocus:r,disabled:o}).appendTo(l);return $('').appendTo(l),s&&$("",{type:"hidden",name:s+"[timezone]",val:Craft.timezone}).appendTo(l),e?h.datetimeinput():h.datepicker($.extend({defaultDate:a||new Date},Craft.datepickerOptions)),t.hasOuterContainer?l:$('').append(l).datetime()},createDateField:function(t){return t.id||(t.id="date"+Math.floor(1e9*Math.random())),this.createField(this.createDateInput(t),t)},createDateRangePicker:function(t){var e=new Date,i=new Date(e.getFullYear(),e.getMonth(),e.getDate());t=$.extend({class:"",options:["today","thisWeek","thisMonth","thisYear","past7Days","past30Days","past90Days","pastYear"],onChange:$.noop,selected:null,startDate:null,endDate:null},t);var s,n,a=$("",{class:"menu"}),r=$("
").appendTo(a);var p=$("",{class:"flex flex-nowrap padded"}).appendTo(a),f=this.createDateField({label:Craft.t("app","From")}).appendTo(p).find("input"),g=this.createDateField({label:Craft.t("app","To")}).appendTo(p).find("input"),m=f.add(g);m.on("keyup",function(t){t.keyCode===Garnish.ESC_KEY&&$(this).data("datepicker")&&$(this).data("datepicker").dpDiv.is(":visible")&&t.stopPropagation()}),f.data("datepicker")&&f.data("datepicker").dpDiv.on("mousedown",function(t){t.stopPropagation()}),g.data("datepicker")&&g.data("datepicker").dpDiv.on("mousedown",function(t){t.stopPropagation()});var b=new Garnish.Menu(a,{onOptionSelect:function(e){var i=$(e);v.text(i.text()),b.setPositionRelativeToAnchor(),a.find(".sel").removeClass("sel"),i.addClass("sel"),f.hasClass("hasDatepicker")?(f.datepicker("setDate",i.data("startDate")),g.datepicker("setDate",i.data("endDate"))):(f.val(i.data("startDate")),g.val(i.data("endDate"))),t.onChange(i.data("startDate")||null,i.data("endDate")||null,i.data("handle"))}});m.on("change",function(){let e=null,i=null;if(f.hasClass("hasDatepicker"))e=f.datepicker("getDate"),i=g.datepicker("getDate");else{let t=f.val();""!==t&&(e=new Date(Date.parse(t)));let s=g.val();""!==s&&(i=new Date(Date.parse(s)))}let s,n=e?e.getTime():null,o=i?i.getTime():null,l=r.find("a"),h=!1;for(let e=0;e
${t.heading}
${t.label}
${t.body}
${Craft.t("app","Announcements")}
${a}
`,{onShow:()=>{t.addClass("active")},onHide:()=>{t.removeClass("active")}}),$("a",n.$main).each(function(){this.hostname.length&&this.hostname!==e.hostname&&void 0===$(this).attr("target")&&$(this).attr("rel","noopener").attr("target","_blank")}),i&&(t.removeClass("unread"),s.remove(),Craft.sendActionRequest("POST","users/mark-announcements-as-read",{data:{ids:Craft.announcements.map(t=>t.id)}}))}})}const s=document.getElementById("footer");if(s&&new IntersectionObserver(([t])=>{t.target.classList.toggle("stuck",t.intersectionRatio<1)},{rootMargin:"0px 0px -1px 0px",threshold:[1]}).observe(s),this.elementThumbLoader.load(this.$pageContainer),this.on("notificationClose",()=>{this.updateNotificationHeadingDisplay()}),this.copyElementCallbacks=[],Craft.username){const t=Craft.getLocalStorage("copiedElements");t&&this.showElementCopyNotification(t,{animate:!1})}},get $contentHeader(){const t=$("#content-header");return t.length?t:$("