Liferay.Loader.define("@liferay/layout-content-page-editor-web@3.0.130/page_editor/plugins/browser/components/page-structure/components/item-configuration-panels/ContainerDisplayOptions",["module","exports","require","liferay!frontend-js-react-web$prop-types","liferay!frontend-js-react-web$react","../../../../../../app/components/fragment-configuration-fields/SelectField","../../../../../../app/config/constants/containerWidthTypes","../../../../../../app/config/constants/contentDisplayOptions","../../../../../../app/contexts/StoreContext","../../../../../../app/thunks/updateItemConfig","../../../../../../prop-types/index","./FlexOptions"],(function(e,t,n){window;{Object.defineProperty(t,"__esModule",{value:!0}),t.default=function({item:t}){const n=(0,f.useDispatch)(),o=t.config.contentDisplay===l.CONTENT_DISPLAY_OPTIONS.flexColumn||t.config.contentDisplay===l.CONTENT_DISPLAY_OPTIONS.flexRow;return a.default.createElement(a.default.Fragment,null,a.default.createElement(i.SelectField,{field:{label:Liferay.Language.get("content-display"),name:"contentDisplay",typeOptions:{validValues:e}},onValueSelect:(e,a)=>{const i=a===l.CONTENT_DISPLAY_OPTIONS.block?{align:"",flexWrap:"",justify:"",[e]:""}:{[e]:a};n((0,p.default)({itemConfig:i,itemId:t.itemId}))},value:t.config.contentDisplay}),o&&a.default.createElement(c.FlexOptions,{itemConfig:t.config,onConfigChange:(e,a)=>{n((0,p.default)({itemConfig:{[e]:a},itemId:t.itemId}))}}),a.default.createElement(i.SelectField,{field:{label:Liferay.Language.get("container-width"),name:"widthType",typeOptions:{validValues:s}},onValueSelect:(e,a)=>{n((0,p.default)({itemConfig:{[e]:a},itemId:t.itemId}))},value:t.config.widthType}))};r(n("liferay!frontend-js-react-web$prop-types"));var a=r(n("liferay!frontend-js-react-web$react")),i=n("../../../../../../app/components/fragment-configuration-fields/SelectField"),o=n("../../../../../../app/config/constants/containerWidthTypes"),l=n("../../../../../../app/config/constants/contentDisplayOptions"),f=n("../../../../../../app/contexts/StoreContext"),p=r(n("../../../../../../app/thunks/updateItemConfig")),c=(n("../../../../../../prop-types/index"),n("./FlexOptions"));function r(e){return e&&e.__esModule?e:{default:e}}const e=[{label:Liferay.Language.get("block"),value:l.CONTENT_DISPLAY_OPTIONS.block},{label:Liferay.Language.get("flex-row"),value:l.CONTENT_DISPLAY_OPTIONS.flexRow},{label:Liferay.Language.get("flex-column"),value:l.CONTENT_DISPLAY_OPTIONS.flexColumn}],s=[{label:Liferay.Language.get("fluid"),value:o.CONTAINER_WIDTH_TYPES.fluid},{label:Liferay.Language.get("fixed-width"),value:o.CONTAINER_WIDTH_TYPES.fixed}]}}));
//# sourceMappingURL=ContainerDisplayOptions.js.map