{"version":3,"file":"itemsWithPreAndPostHtml.js","sources":["../../../Framework/Controls/itemsWithPreAndPostHtml.ts"],"sourcesContent":["// <copyright>\r\n// Copyright by the Spark Development Network\r\n//\r\n// Licensed under the Rock Community License (the \"License\");\r\n// you may not use this file except in compliance with the License.\r\n// You may obtain a copy of the License at\r\n//\r\n// http://www.rockrms.com/license\r\n//\r\n// Unless required by applicable law or agreed to in writing, software\r\n// distributed under the License is distributed on an \"AS IS\" BASIS,\r\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n// See the License for the specific language governing permissions and\r\n// limitations under the License.\r\n// </copyright>\r\n//\r\nimport { defineComponent, PropType } from \"vue\";\r\n\r\nexport type ItemWithPreAndPostHtml = {\r\n    slotName: string;\r\n    preHtml: string;\r\n    postHtml: string;\r\n};\r\n\r\nexport default defineComponent({\r\n    name: \"ItemsWithPreAndPostHtml\",\r\n    props: {\r\n        items: {\r\n            type: Array as PropType<ItemWithPreAndPostHtml[]>,\r\n            required: true\r\n        }\r\n    },\r\n    methods: {\r\n        onDismiss: function () {\r\n            this.$emit(\"dismiss\");\r\n        }\r\n    },\r\n    computed: {\r\n        augmentedItems(): Record<string, string>[] {\r\n            return this.items.map(i => ({\r\n                ...i,\r\n                innerSlotName: `inner-${i.slotName}`\r\n            } as Record<string, string>));\r\n        },\r\n        innerTemplate(): string {\r\n            if (!this.items.length) {\r\n                return \"<slot />\";\r\n            }\r\n\r\n            const templateParts = this.items.map(i => `${i.preHtml}<slot name=\"inner-${i.slotName}\" />${i.postHtml}`);\r\n            return templateParts.join(\"\");\r\n        },\r\n        innerComponent(): Record<string, unknown> {\r\n            return {\r\n                name: \"InnerItemsWithPreAndPostHtml\",\r\n                template: this.innerTemplate\r\n            };\r\n        }\r\n    },\r\n    template: `\r\n<component :is=\"innerComponent\">\r\n    <template v-for=\"item in augmentedItems\" :key=\"item.slotName\" v-slot:[item.innerSlotName]>\r\n        <slot :name=\"item.slotName\" />\r\n    </template>\r\n</component>`\r\n});\r\n"],"names":["defineComponent","name","props","items","type","Array","required","methods","onDismiss","$emit","computed","augmentedItems","map","i","_objectSpread","innerSlotName","concat","slotName","innerTemplate","length","templateParts","preHtml","postHtml","join","innerComponent","template"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,uDAAeA,eAAe,CAAC;MAC3BC,EAAAA,IAAI,EAAE,yBAAyB;MAC/BC,EAAAA,KAAK,EAAE;MACHC,IAAAA,KAAK,EAAE;MACHC,MAAAA,IAAI,EAAEC,KAA2C;MACjDC,MAAAA,QAAQ,EAAE,IAAA;MACd,KAAA;SACH;MACDC,EAAAA,OAAO,EAAE;UACLC,SAAS,EAAE,SAAAA,SAAAA,GAAY;MACnB,MAAA,IAAI,CAACC,KAAK,CAAC,SAAS,CAAC,CAAA;MACzB,KAAA;SACH;MACDC,EAAAA,QAAQ,EAAE;MACNC,IAAAA,cAAcA,GAA6B;MACvC,MAAA,OAAO,IAAI,CAACR,KAAK,CAACS,GAAG,CAACC,CAAC,IAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAChBD,CAAC,CAAA,EAAA,EAAA,EAAA;MACJE,QAAAA,aAAa,EAAAC,QAAAA,CAAAA,MAAA,CAAWH,CAAC,CAACI,QAAQ,CAAA;MAAE,OAAA,CACZ,CAAC,CAAA;WAChC;MACDC,IAAAA,aAAaA,GAAW;MACpB,MAAA,IAAI,CAAC,IAAI,CAACf,KAAK,CAACgB,MAAM,EAAE;MACpB,QAAA,OAAO,UAAU,CAAA;MACrB,OAAA;MAEA,MAAA,IAAMC,aAAa,GAAG,IAAI,CAACjB,KAAK,CAACS,GAAG,CAACC,CAAC,IAAA,EAAA,CAAAG,MAAA,CAAOH,CAAC,CAACQ,OAAO,EAAA,qBAAA,CAAA,CAAAL,MAAA,CAAqBH,CAAC,CAACI,QAAQ,EAAA,OAAA,CAAA,CAAAD,MAAA,CAAOH,CAAC,CAACS,QAAQ,CAAE,CAAC,CAAA;MACzG,MAAA,OAAOF,aAAa,CAACG,IAAI,CAAC,EAAE,CAAC,CAAA;WAChC;MACDC,IAAAA,cAAcA,GAA4B;YACtC,OAAO;MACHvB,QAAAA,IAAI,EAAE,8BAA8B;cACpCwB,QAAQ,EAAE,IAAI,CAACP,aAAAA;aAClB,CAAA;MACL,KAAA;SACH;QACDO,QAAQ,EAAA,mNAAA;MAMZ,CAAC,EAAC;;;;;;;;"}