https://jp.toto.com/_next/static/chunks/1832-f4dadb5d6b517c09.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1832],{2622:(e,a,s)=>{"use strict";s.d(a,{A:()=>I});var i=s(37876),t=s(14232),n=s(86578),l=s.n(n),c=s(96278),o=s(44558),r=s(15039),_=s.n(r),d=s(53050),m=s(22054),h=s(39771),x=s(72453),p=s(80146),v=s.n(p);let j=e=>{let{favoriteImage:a,open:s,onClickClose:n}=e,l=(0,t.useRef)(null),c=(0,t.useRef)(null);return(0,h.y)(s,l),(0,i.jsx)("div",{className:_()(v()["modal-wrap"],{[v()["-close"]]:!s}),ref:c,onClick:()=>n(),children:(0,i.jsx)("div",{className:v().content,children:(0,i.jsxs)("div",{className:v()["modal-content"],children:[(0,i.jsx)("div",{className:v().close,children:(0,i.jsx)("button",{className:v()["cross-icon"],onClick:n,children:(0,i.jsx)(o.xV8,{width:16})})}),(0,i.jsxs)("div",{className:v().body,ref:l,children:[(0,i.jsx)(x.A,{contain:!0,src:a.src,alt:a.alt,proportion:x.k.w4h3}),(0,i.jsx)("p",{className:v().text,children:a.text})]})]})})})};var b=s(26237),u=s.n(b);let N=e=>{let{open:a,onClickClose:s,handleEdit:n,handleDelete:c}=e,r=(0,t.useRef)(null);return(0,h.y)(a,r),(0,d.A)(r,()=>s()),(0,i.jsx)("div",{className:_()(l()["menu-wrap"],{[l()["-display"]]:a}),children:(0,i.jsxs)("div",{ref:r,className:l().menu,children:[(0,i.jsx)("div",{className:l().head,children:(0,i.jsx)("div",{className:l().close,onClick:()=>s(),children:(0,i.jsx)(o.xV8,{width:16,height:16})})}),(0,i.jsxs)("button",{className:l().button,onClick:()=>{n(),s()},children:[(0,i.jsx)(o.GI1,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"編集する"})]}),(0,i.jsxs)("button",{className:l().button,onClick:()=>{c(),s()},children:[(0,i.jsx)(o.R$c,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"削除する"})]})]})})},g=e=>{let{articleId:a,articleType:s,versionGroupId:n,href:r,imageSrc:h,alt:x,title:p,memo:v,sradFlg:b,labelBudget:g,labelLayout:I,labelPreference:C,labelAmbience:F,labelFunctionality:k,isImageType:A=!1,isSradPage:f=!1,isPreviewPage:w=!1,isSharePage:B=!1,onClick:G,handleEdit:D,handleDelete:L}=e,y=(0,m.h)(),[S,M]=(0,t.useState)(!1),E=(0,t.useMemo)(()=>(!f||b)&&!w&&!B,[f,b,w,B]),O=(0,t.useMemo)(()=>{if(r&&!w)return f&&("bnr00"!==s||r.startsWith("/"))?u()("https://jp.toto.com",r):r},[w,r,f,s]),[P,T]=(0,t.useState)(!1),H=(0,t.useRef)(null);(0,d.A)(H,()=>T(!1));let J=(0,t.useCallback)(()=>{D(),T(!1)},[D]),Y=(0,t.useCallback)(()=>{L(),T(!1)},[L]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:l()["card-wrap"],children:[(0,i.jsx)(c.A,{contain:A,imageSrc:h,alt:x,label:B||w||!b?"":"ショールームアドバイザーより",onClick:w?void 0:()=>{if(A)return void M(!0);G&&G()},href:O,target:f?"_blank":"",articleID:a,articleType:s,versionGroupId:n,noHoverAction:w,isCornerLabel:!0,shouldDisplayDefaultImageWhenFailedToGetImage:!0,noBorder:y,isFill:y,children:(0,i.jsxs)("div",{className:l()["article-contents"],children:[(0,i.jsx)("h4",{className:l().title,children:p}),v&&(0,i.jsx)("p",{className:l().memo,children:v}),(0,i.jsx)("div",{className:l().bottom,children:(0,i.jsxs)("div",{className:l().contents,children:[(0,i.jsxs)("div",{className:l()["box-labels"],children:[g&&(0,i.jsx)(o.FaK,{width:32,height:32,className:l().label}),I&&(0,i.jsx)(o.OTn,{width:32,height:32,className:l().label}),C&&(0,i.jsx)(o.vH_,{width:32,height:32,className:l().label}),F&&(0,i.jsx)(o.o5J,{width:32,height:32,className:l().label}),k&&(0,i.jsx)(o.t$$,{width:32,height:32,className:l().label})]}),E&&(0,i.jsx)("div",{className:l()["action-menu"],children:(0,i.jsx)("div",{className:l().button,onClick:e=>{e.preventDefault(),e.stopPropagation(),T(!0)},children:(0,i.jsx)(o.dbp,{width:12,height:12})})})]})})]})}),!y&&(0,i.jsxs)("div",{ref:H,className:_()(l().menu,{[l()["-display"]]:P}),children:[(0,i.jsxs)("button",{className:l().button,onClick:J,children:[(0,i.jsx)(o.GI1,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"編集する"})]}),(0,i.jsxs)("button",{className:l().button,onClick:Y,children:[(0,i.jsx)(o.R$c,{width:20,height:20}),(0,i.jsx)("span",{className:l().text,children:"削除する"})]})]}),P&&y&&(0,i.jsx)(N,{open:P,onClickClose:()=>T(!1),handleEdit:J,handleDelete:Y})]}),S&&(0,i.jsx)(j,{favoriteImage:{src:h,alt:x,text:v||""},open:S,onClickClose:()=>M(!1)})]})},I=e=>{let{article:a,handleEdit:s=()=>{},handleDelete:t=()=>{},isSradPage:n=!1,isPreviewPage:l=!1,isSharePage:c=!1}=e;return l?(0,i.jsx)(g,{...a,isPreviewPage:!0}):("remodelClubs"in a,(0,i.jsx)(g,{...a,...n?{target:"_blank"}:{},isSharePage:c,isSradPage:n,handleEdit:s,handleDelete:t}))}},14777:e=>{e.exports={"simple-attention-banner":"SimpleAttentionBanner_simple-attention-banner__GN6Dg",head:"SimpleAttentionBanner_head__UAqoW",text:"SimpleAttentionBanner_text__CzhUb",close:"SimpleAttentionBanner_close__b8L4Y",fadeIn:"SimpleAttentionBanner_fadeIn__uuXoG",slideIn:"SimpleAttentionBanner_slideIn__fKPA4",scaleIn:"SimpleAttentionBanner_scaleIn__fsxTI"}},28534:e=>{e.exports={"checkbox-class":"CheckBox_checkbox-class__ub3kU",input:"CheckBox_input__EBKUh",icon:"CheckBox_icon__JA_au","-disable":"CheckBox_-disable__vfJt4","-sub":"CheckBox_-sub__3r0lf","-smallgap":"CheckBox_-smallgap___jm76","-mediumgap":"CheckBox_-mediumgap__4vjB9","-white":"CheckBox_-white__ttqKg","-smallicon":"CheckBox_-smallicon__m3fvn","-nomargin":"CheckBox_-nomargin__gwdGc","-mini":"CheckBox_-mini__dD9i7","-small":"CheckBox_-small__O1sG5",text:"CheckBox_text__X7Z5K","-bold":"CheckBox_-bold__FMNoo",fadeIn:"CheckBox_fadeIn__vNqyO",slideIn:"CheckBox_slideIn__hVd2a",scaleIn:"CheckBox_scaleIn__xjLyt"}},36316:(e,a,s)=>{"use strict";s.d(a,{H:()=>d});var i=s(37876),t=s(89068),n=s.n(t),l=s(44558),c=s(22054),o=s(33145),r=s(13484);let _=[{IconComponent:l.FaK,text:"予算が合う"},{IconComponent:l.OTn,text:"うちの間取り（寸法）に合う"},{IconComponent:l.vH_,text:"この色好き"},{IconComponent:l.o5J,text:"この空間いいね"},{IconComponent:l.t$$,text:"この機能いいね"}],d=()=>{let e=(0,c.h)(),[a,s]=(0,r.A)(!1),t=()=>{s()};return(0,i.jsx)(i.Fragment,{children:e?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("button",{className:n()["modal-button"],onClick:()=>t(),children:[(0,i.jsx)("p",{className:n().text,children:"お気に入りラベルの説明について"}),(0,i.jsx)("div",{className:n().icon,children:(0,i.jsx)(l.kF,{width:20,height:20})})]}),(0,i.jsx)(o.A,{open:a,title:"お気に入りラベルの説明",onClickClose:()=>t(),children:(0,i.jsxs)("div",{className:n()["description-modal"],children:[(0,i.jsx)("p",{className:n().description,children:"お気に入りポイントを自分自身の整理やご家族に共有するためにラベルを付けておくことができます。"}),(0,i.jsx)("div",{className:n().icons,children:_.map((e,a)=>{let{IconComponent:s,text:t}=e;return(0,i.jsxs)("div",{className:n()["icon-box"],children:[(0,i.jsx)(s,{className:n().icon}),(0,i.jsx)("p",{className:n().text,children:t})]},a)})})]})})]}):(0,i.jsxs)("div",{className:n()["icon-description"],children:[(0,i.jsxs)("div",{className:n().section,children:[(0,i.jsx)("p",{className:n().heading,children:"お気に入りラベルの説明について"}),(0,i.jsx)("p",{className:n().description,children:"お気に入りポイントを自分自身の整理やご家族に共有するためにラベルを付けておくことができます。"})]}),(0,i.jsx)("div",{className:n().icons,children:_.map((e,a)=>{let{IconComponent:s,text:t}=e;return(0,i.jsxs)("div",{className:n()["icon-box"],children:[(0,i.jsx)(s,{className:n().icon}),(0,i.jsx)("p",{className:n().text,children:t})]},a)})})]})})}},56249:(e,a,s)=>{"use strict";s.d(a,{A:()=>c});var i=s(37876);s(14232);var t=s(44558),n=s(14777),l=s.n(n);let c=e=>{let{text:a,onClickClose:s}=e;return(0,i.jsx)("div",{className:l()["simple-attention-banner"],children:(0,i.jsxs)("div",{className:l().head,children:[(0,i.jsx)("p",{className:l().text,children:a}),(0,i.jsx)("button",{className:l().close,onClick:s,children:(0,i.jsx)(t.xV8,{width:12,height:12})})]})})}},80146:e=>

1{e.exports={"modal-wrap":"FavoriteImageModal_modal-wrap__mO2Yl","-close":"FavoriteImageModal_-close__uplCh",content:"FavoriteImageModal_content___CO0u","modal-content":"FavoriteImageModal_modal-content__kb15T",close:"FavoriteImageModal_close__6oT46",body:"FavoriteImageModal_body__A_zW0",text:"FavoriteImageModal_text__Of7YH","cross-icon":"FavoriteImageModal_cross-icon__CSSj4",fadeIn:"FavoriteImageModal_fadeIn__J_7lU",slideIn:"FavoriteImageModal_slideIn__gnEh2",scaleIn:"FavoriteImageModal_scaleIn__VwceX"}},85214:(e,a,s)=>{"use strict";s.d(a,{A:()=>r});var i=s(37876);s(14232);var t=s(44558),n=s(28534),l=s.n(n),c=s(15039),o=s.n(c);let r=e=>{let{label:a,value:s,checked:n,groupName:c,onInput:r,sub:_=!1,bold:d=!1,smallGap:m=!1,mediumGap:h=!1,disable:x=!1,white:p=!1,smallIcon:v=!1,noMargin:j=!1,indeterminate:b=!1,iconSize:u}=e,N=o()(l().icon,{[l()["-disable"]]:x,[l()["-sub"]]:_,[l()["-smallgap"]]:m,[l()["-mediumgap"]]:h,[l()["-white"]]:p,[l()["-smallicon"]]:v,[l()["-nomargin"]]:j,[l()["-".concat(u)]]:!!u}),g=o()(l().text,{[l()["-bold"]]:d,[l()["-disable"]]:x});return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("label",{className:l()["checkbox-class"],children:[(0,i.jsx)("input",{className:l().input,type:"checkbox",value:s,defaultChecked:n,name:c,onChange:r,disabled:x}),x?(0,i.jsx)(t.x4o,{className:N}):n?(0,i.jsx)(t.Tf3,{className:N}):b?(0,i.jsx)(t.mVk,{className:N}):(0,i.jsx)(t.iWP,{className:N}),a&&(0,i.jsx)("span",{className:g,children:a})]})})}},86578:e=>{e.exports={"article-contents":"GenericFavoriteArticle_article-contents__EC5k8",title:"GenericFavoriteArticle_title__HrFAv",memo:"GenericFavoriteArticle_memo__yX5Lz",bottom:"GenericFavoriteArticle_bottom__1scsu",contents:"GenericFavoriteArticle_contents__pgNpt","box-labels":"GenericFavoriteArticle_box-labels__ywJr_",label:"GenericFavoriteArticle_label__6feNE","action-menu":"GenericFavoriteArticle_action-menu__nmINJ",button:"GenericFavoriteArticle_button__vBSau","card-wrap":"GenericFavoriteArticle_card-wrap__gcztM",menu:"GenericFavoriteArticle_menu__YBeEY","-display":"GenericFavoriteArticle_-display__jo5pI",head:"GenericFavoriteArticle_head__LDqhS",close:"GenericFavoriteArticle_close__H_RLP",text:"GenericFavoriteArticle_text__txa1B","menu-wrap":"GenericFavoriteArticle_menu-wrap__cPax8",fadeIn:"GenericFavoriteArticle_fadeIn__Jf_Zb",slideIn:"GenericFavoriteArticle_slideIn__SaTLt",scaleIn:"GenericFavoriteArticle_scaleIn__2aNe6"}},89068:e=>{e.exports={"icon-description":"FavoriteLabelDescription_icon-description__CgyCS",section:"FavoriteLabelDescription_section__E0p6o",heading:"FavoriteLabelDescription_heading__amur7",description:"FavoriteLabelDescription_description__3qom_",icons:"FavoriteLabelDescription_icons__IPw04","icon-box":"FavoriteLabelDescription_icon-box__OC2OM",icon:"FavoriteLabelDescription_icon__0iy4V",text:"FavoriteLabelDescription_text__hUINY","modal-button":"FavoriteLabelDescription_modal-button__rOp02","description-modal":"FavoriteLabelDescription_description-modal__jYN0P",fadeIn:"FavoriteLabelDescription_fadeIn___EGrU",slideIn:"FavoriteLabelDescription_slideIn__O_mgY",scaleIn:"FavoriteLabelDescription_scaleIn__fHn0n"}}}]);