{"version":3,"file":"js/exhibition.min.js","mappings":";;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACO;AACP;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACM;AACP;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,CAAC;AACM;AACP;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL,CAAC;AACM;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;;;;UCpXD;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA,8CAA8C;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;ACNwC;AACyB;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA,yBAAyB,kDAAS;AAClC,0BAA0B,mDAAU;AACpC,0BAA0B,kDAAS;AACnC;AACA;AACA,4BAA4B,aAAa;AACzC;AACA;AACA;AACA,wCAAwC,WAAW;AACnD,8CAA8C,8BAA8B;AAC5E,kDAAkD,8BAA8B;AAChF,8CAA8C,uCAAuC;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,gCAAgC,eAAe;AAC/C;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA,yDAAyD,+DAA+D;AACxH,kBAAkB;AAClB;AACA,yDAAyD,2BAA2B;AACpF;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,qBAAqB;AACrB,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,6BAA6B;AAC7B,yBAAyB;AACzB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D,0CAA0C;AACpG,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,6BAA6B;AAC7B,yBAAyB;AACzB,qBAAqB;AACrB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,aAAa;AAC7C;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA,mDAAmD,YAAY;AAC/D;AACA;AACA;AACA,uDAAuD,YAAY;AACnE,6DAA6D,oBAAoB;AACjF,uEAAuE,uCAAuC;AAC9G;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,aAAa;AACb,SAAS;AACT,KAAK;AACL;AACA,CAAC,E","sources":["webpack://laravel/./resources/src/css/home/exhibition.scss","webpack://laravel/./resources/src/js/home/_exh_arr.js","webpack://laravel/webpack/bootstrap","webpack://laravel/webpack/runtime/define property getters","webpack://laravel/webpack/runtime/hasOwnProperty shorthand","webpack://laravel/webpack/runtime/make namespace object","webpack://laravel/./resources/src/js/home/exhibition.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport {};","// export const themes_arr = {\r\n//     texture: ['img/exhibition/bg_w_1_1.jpg', 'img/exhibition/bg_w_2_1.jpg', 'img/exhibition/bg_b_1_1.jpg', 'img/exhibition/bg_b_2_1.jpg'],\r\n// };\r\nexport const themes_arr = [\r\n{\r\n    title: '淺色無花紋',\r\n    src: 'img/exhibition/bg_w_1_1.jpg',\r\n},\r\n{\r\n    title: '淺色有花紋',\r\n    src: 'img/exhibition/bg_w_2_1.jpg',\r\n},\r\n{\r\n    title: '深色無花紋',\r\n    src: 'img/exhibition/bg_b_1_1.jpg',\r\n},\r\n{\r\n    title: '深色有花紋',\r\n    src: 'img/exhibition/bg_b_2_1.jpg',\r\n}, ];\r\nexport const board_arr = [\r\n{\r\n    title: '玻璃說明牌',\r\n    src: '/img/exhibition/board_0.png',\r\n},\r\n{\r\n    title: '淺色說明牌',\r\n    src: '/img/exhibition/board_1.png',\r\n},\r\n{\r\n    title: '深色說明牌',\r\n    src: '/img/exhibition/board_2.png',\r\n}, ];\r\nexport const types_arr = [{\r\n    title: '玻璃櫃',\r\n    src: '/img/exhibition/showcase_w.png',\r\n    color: [{\r\n        title: '淺色有展台',\r\n        src: '/img/exhibition/showcase_w.png',\r\n    },\r\n    {\r\n        title: '淺色無展台',\r\n        src: '/img/exhibition/showcase_w_n.png',\r\n    },\r\n    {\r\n        title: '深色有展台',\r\n        src: '/img/exhibition/showcase_b.png',\r\n    },\r\n    {\r\n        title: '深色無展台',\r\n        src: '/img/exhibition/showcase_b_n.png',\r\n    }, ],\r\n    arranges: [{\r\n        title: '排列樣式1',\r\n        arrange: [1, 3, 1, 1, 3, 1, 1, 3, 1],\r\n        src: '/img/exhibition/showcase_arr_1.jpg',\r\n    },\r\n    {\r\n        title: '排列樣式2',\r\n        arrange: [2, 2, 1, 1, 3, 1, 2, 2, 2],\r\n        src: '/img/exhibition/showcase_arr_2.jpg',\r\n    },\r\n    {\r\n        title: '排列樣式3',\r\n        arrange: [2, 1, 1, 2, 2, 2, 1, 1, 1, 3],\r\n        src: '/img/exhibition/showcase_arr_3.jpg',\r\n    },\r\n    {\r\n        title: '排列樣式4',\r\n        arrange: [1, 2, 1, 2, 3, 1, 2, 1],\r\n        src: '/img/exhibition/showcase_arr_4.jpg',\r\n    }, ],\r\n},\r\n{\r\n    title: '牆面',\r\n    src: '/img/exhibition/showcase_wall_1.png',\r\n    color: [{\r\n        title: '',\r\n        src: '/img/exhibition/showcase_w.png',\r\n    }, ],\r\n    arranges: [{\r\n        title: '排列樣式1',\r\n        arrange: [0, 0, 0, 0, 0, 0],\r\n        src: '/img/exhibition/showcase_wall_1.png',\r\n    },\r\n    {\r\n        title: '排列樣式2',\r\n        arrange: [0, 0, 0, 0, 0, 0, 0, 0],\r\n        src: '/img/exhibition/showcase_wall_2.png',\r\n    },\r\n    {\r\n        title: '排列樣式3',\r\n        arrange: [0, 0, 0, 0],\r\n        src: '/img/exhibition/showcase_wall_3.png',\r\n    }, ],\r\n}, ];\r\nexport const collection_arr = {\r\n    3: {\r\n        3: [{\r\n            id: 1,\r\n            size: 3,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: '日本青葉商會製朝日牌硬橡膠黑白底片沖片筒',\r\n            description: '早期寫真館多使用大底片拍照，一般俗稱飛機片（拍攝空照圖專用底片），攝影師通常購買此種大底片，自行裁切成相機片匣適用之大小（例如8X10吋或5X7吋），然後將底片分隔為多個拍攝區域，拍攝時用遮片將不使用的部分遮光，如此可節省底片，進行多次拍攝。等底片拍滿影像後，再一次進行顯像沖洗。',\r\n            src: '/img/exhibition/ex_img/ex_11.png',\r\n        },\r\n        {\r\n            id: 2,\r\n            size: 3,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: '偉士牌機車P150X',\r\n            description: '該物件為捐贈者張女士已故先生生前所騎乘之偉士牌機車，估計約1978~1981年時所生產之產品，車燈為方型造型較為同期產品少見，較常見多為圓形的車燈，且該型號在80年代為最暢銷之車款，也是偉士牌在臺灣最盛行的時候。',\r\n            src: '/img/exhibition/ex_img/ex_8.png',\r\n        },\r\n        {\r\n            id: 3,\r\n            size: 3,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: '助產士林龔添根之毛呢大衣',\r\n            description: '林龔添根助產士於風雨天、冬季或半夜外出接生所穿之保暖大衣，她時常在睡前就準備好外套與接生包，以便隨時應急。',\r\n            src: '/img/exhibition/ex_img/ex_9.png',\r\n        }, ],\r\n        2: [{\r\n            id: 4,\r\n            size: 2,\r\n            category: 2,\r\n            dimension: 3,\r\n            title: '秧船',\r\n            description: '秧船又稱秧盆、秧仔桶，是木製的淺盆，用來裝秧苗的容器，可以飄浮在水田上。',\r\n            src: '/img/exhibition/ex_img/ex_16.png',\r\n        }, ],\r\n        1: [{\r\n            id: 5,\r\n            size: 1,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: 'Semi Minolta Crown model I相機',\r\n            description: '此物件為蘇長齡先生捐贈的相機，蘇長齡先生於二戰前擔任臺灣新民報及興南新聞記者，戰後擔任臺灣新生報記者，228事件爆發時，擔任二二八事件處理委員會新竹分會情報組負責人。事件結束後，新竹市長陳貞彬鼓勵蘇等人創辦報紙，於1948年1月1日創辦，蘇長齡為發行人，由陳取名為光明報，1949年12月14日後停刊，後改名竹風日報，擔任主編。',\r\n            src: '/img/exhibition/ex_img/ex_10.png',\r\n        },\r\n        {\r\n            id: 6,\r\n            size: 1,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: '鋁製大蝦圖樣方形便當盒',\r\n            description: '早年盒蓋帶有大蝦圖樣的鋁製長方形便當盒。該盒表面帶有些許的黃色殘跡，造型為早年常見的長型鋁製便當盒的樣式，上蓋與下盒直接扣合的結構；盒蓋上帶有大蝦圖樣，看起來彷彿讓便當更加美味了。',\r\n            src: '/img/exhibition/ex_img/ex_6.png',\r\n        },\r\n        {\r\n            id: 7,\r\n            size: 1,\r\n            category: 1,\r\n            dimension: 3,\r\n            title: '同益號紙行製玉山衛生紙',\r\n            description: ' 玉山衛生紙由臺北同益號紙行所生產，創辦人余添貴（1910-1979，苗栗公館人）於1946年創立紙廠，當時都先向南投竹山經營紙廠的友人購入衛生紙半成品，再由臺北自家工廠將紙張裁切成需要的大小，包裝完畢後批發給各地零售商販售。紙行生意最興盛的時候，銷售範圍遍及全台，堪稱戰後初期臺灣最大的衛生紙中盤商。',\r\n            src: '/img/exhibition/ex_img/ex_7.png',\r\n        }, ]\r\n    },\r\n    2: {\r\n        0: [{\r\n            id: 8,\r\n            size: 0,\r\n            category: 1,\r\n            dimension: 2,\r\n            title: '謝招治《臺北第一家有電梯的菊元百貨》',\r\n            description: '畫作描繪小時候跟著姐姐到臺北菊元百貨西餐廳吃東西的經驗。菊元百貨位於臺北市榮町（今衡陽路與博愛路口），是臺灣第一家現代化百貨公司，開業於1932年，5樓為西餐咖啡廳、食堂與冰店，樓高6樓，設有電梯（當時稱「流籠｣），並有電梯小姐操作，是當時臺北觀光必遊景點。',\r\n            src: '/img/exhibition/ex_img/ex_12.jpg',\r\n        },\r\n        {\r\n            id: 9,\r\n            size: 0,\r\n            category: 2,\r\n            dimension: 2,\r\n            title: '地圖《台灣案內圖繪》',\r\n            description: '〈臺灣案內圖繪〉，1942年1月22日ニシカハ畫，1942年1月23日經臺北憲兵分隊、臺灣軍司令部檢查。本圖是一張美術地圖， 可窺見日治末期臺灣全島重要觀光旅遊景點、 鐵路與公路動線及其沿線聚之市集聚落、 甚至當時已劃定之國立公園(今國家公園之前身) 預定地等空間資訊， 此圖上有大屯、 次高太魯閣、 新高阿里山等三座國立公園。 ',\r\n            src: '/img/exhibition/ex_img/ex_13.jpg',\r\n        },\r\n        {\r\n            id: 10,\r\n            size: 0,\r\n            category: 1,\r\n            dimension: 2,\r\n            title: '臺南博物館明信片',\r\n            description: '圖為「臺南博物館」，原址為「兩廣會館」，門口右側掛有「教育博物館」館名牌。兩廣會館位於臺南幸町，西元1876年由撫臺岑毓英與廣東、廣西兩省之豪商合資興建之會所，所用之土木匠工及磚塊、陶製品等建材，皆由廣東當地載運而來，1895年後曾做官民俱樂部、學校等使用，後為臺南州立教育博物館。二次大戰期間毀於轟炸，目前已不存在。',\r\n            src: '/img/exhibition/ex_img/ex_14.jpg',\r\n        },\r\n        {\r\n            id: 11,\r\n            size: 0,\r\n            category: 1,\r\n            dimension: 2,\r\n            title: '臺灣烏龍茶海報',\r\n            description: '海報中有穿著傳統唐衫拿著茶杯的女子，另有一張桌子，上方擺著茶盤、小湯匙與兩盒茶葉，海報上方寫著「臺灣ウーロン茶」，即為烏龍茶，左下方有寫著「FORMOSA OOLONG TEA」。30年代是臺灣茶的顛峰時期，從製造、輸出、到行銷已經成為相當嚴密的組織結構。而茶商公會在多次海內外博覽會或展覽會裡都有主動出擊的參展策略。實際上，用「喫茶店」美女招待，舉行試飲活動，同時也用女性圖像的海報，作為對外推廣宣傳的手法。',\r\n            src: '/img/exhibition/ex_img/ex_15.jpg',\r\n        },\r\n        {\r\n            id: 12,\r\n            size: 0,\r\n            category: 2,\r\n            dimension: 2,\r\n            title: 'ex_1',\r\n            description: 'ex_1',\r\n            src: '/img/exhibition/ex_img/ex_1.jpg',\r\n        },\r\n        {\r\n            id: 13,\r\n            size: 0,\r\n            category: 2,\r\n            dimension: 2,\r\n            title: 'ex_2',\r\n            description: 'ex_2',\r\n            src: '/img/exhibition/ex_img/ex_2.jpg',\r\n        },\r\n        {\r\n            id: 14,\r\n            size: 0,\r\n            category: 2,\r\n            dimension: 2,\r\n            title: 'ex_3',\r\n            description: 'ex_3',\r\n            src: '/img/exhibition/ex_img/ex_3.jpg',\r\n        },\r\n        {\r\n            id: 15,\r\n            size: 0,\r\n            category: 2,\r\n            dimension: 2,\r\n            title: 'ex_4',\r\n            description: 'ex_4',\r\n            src: '/img/exhibition/ex_img/ex_4.jpg',\r\n        }, ]\r\n    }\r\n};\r\nexport const item_list = [\r\n{\r\n    id: 1,\r\n    size: 3,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: '日本青葉商會製朝日牌硬橡膠黑白底片沖片筒',\r\n    description: '早期寫真館多使用大底片拍照，一般俗稱飛機片（拍攝空照圖專用底片），攝影師通常購買此種大底片，自行裁切成相機片匣適用之大小（例如8X10吋或5X7吋），然後將底片分隔為多個拍攝區域，拍攝時用遮片將不使用的部分遮光，如此可節省底片，進行多次拍攝。等底片拍滿影像後，再一次進行顯像沖洗。',\r\n    src: '/img/exhibition/ex_img/ex_11.png',\r\n},\r\n{\r\n    id: 2,\r\n    size: 3,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: '偉士牌機車P150X',\r\n    description: '該物件為捐贈者張女士已故先生生前所騎乘之偉士牌機車，估計約1978~1981年時所生產之產品，車燈為方型造型較為同期產品少見，較常見多為圓形的車燈，且該型號在80年代為最暢銷之車款，也是偉士牌在臺灣最盛行的時候。',\r\n    src: '/img/exhibition/ex_img/ex_8.png',\r\n},\r\n{\r\n    id: 3,\r\n    size: 3,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: '助產士林龔添根之毛呢大衣',\r\n    description: '林龔添根助產士於風雨天、冬季或半夜外出接生所穿之保暖大衣，她時常在睡前就準備好外套與接生包，以便隨時應急。',\r\n    src: '/img/exhibition/ex_img/ex_9.png',\r\n},\r\n{\r\n    id: 4,\r\n    size: 2,\r\n    category: 2,\r\n    dimension: 3,\r\n    title: '秧船',\r\n    description: '秧船又稱秧盆、秧仔桶，是木製的淺盆，用來裝秧苗的容器，可以飄浮在水田上。',\r\n    src: '/img/exhibition/ex_img/ex_16.png',\r\n},\r\n{\r\n    id: 5,\r\n    size: 1,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: 'Semi Minolta Crown model I相機',\r\n    description: '此物件為蘇長齡先生捐贈的相機，蘇長齡先生於二戰前擔任臺灣新民報及興南新聞記者，戰後擔任臺灣新生報記者，228事件爆發時，擔任二二八事件處理委員會新竹分會情報組負責人。事件結束後，新竹市長陳貞彬鼓勵蘇等人創辦報紙，於1948年1月1日創辦，蘇長齡為發行人，由陳取名為光明報，1949年12月14日後停刊，後改名竹風日報，擔任主編。',\r\n    src: '/img/exhibition/ex_img/ex_10.png',\r\n},\r\n{\r\n    id: 6,\r\n    size: 1,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: '鋁製大蝦圖樣方形便當盒',\r\n    description: '早年盒蓋帶有大蝦圖樣的鋁製長方形便當盒。該盒表面帶有些許的黃色殘跡，造型為早年常見的長型鋁製便當盒的樣式，上蓋與下盒直接扣合的結構；盒蓋上帶有大蝦圖樣，看起來彷彿讓便當更加美味了。',\r\n    src: '/img/exhibition/ex_img/ex_6.png',\r\n},\r\n{\r\n    id: 7,\r\n    size: 1,\r\n    category: 1,\r\n    dimension: 3,\r\n    title: '同益號紙行製玉山衛生紙',\r\n    description: ' 玉山衛生紙由臺北同益號紙行所生產，創辦人余添貴（1910-1979，苗栗公館人）於1946年創立紙廠，當時都先向南投竹山經營紙廠的友人購入衛生紙半成品，再由臺北自家工廠將紙張裁切成需要的大小，包裝完畢後批發給各地零售商販售。紙行生意最興盛的時候，銷售範圍遍及全台，堪稱戰後初期臺灣最大的衛生紙中盤商。',\r\n    src: '/img/exhibition/ex_img/ex_7.png',\r\n},\r\n{\r\n    id: 8,\r\n    size: 0,\r\n    category: 1,\r\n    dimension: 2,\r\n    title: '謝招治《臺北第一家有電梯的菊元百貨》',\r\n    description: '畫作描繪小時候跟著姐姐到臺北菊元百貨西餐廳吃東西的經驗。菊元百貨位於臺北市榮町（今衡陽路與博愛路口），是臺灣第一家現代化百貨公司，開業於1932年，5樓為西餐咖啡廳、食堂與冰店，樓高6樓，設有電梯（當時稱「流籠｣），並有電梯小姐操作，是當時臺北觀光必遊景點。',\r\n    src: '/img/exhibition/ex_img/ex_12.jpg',\r\n},\r\n{\r\n    id: 9,\r\n    size: 0,\r\n    category: 2,\r\n    dimension: 2,\r\n    title: '地圖《台灣案內圖繪》',\r\n    description: '〈臺灣案內圖繪〉，1942年1月22日ニシカハ畫，1942年1月23日經臺北憲兵分隊、臺灣軍司令部檢查。本圖是一張美術地圖， 可窺見日治末期臺灣全島重要觀光旅遊景點、 鐵路與公路動線及其沿線聚之市集聚落、 甚至當時已劃定之國立公園(今國家公園之前身) 預定地等空間資訊， 此圖上有大屯、 次高太魯閣、 新高阿里山等三座國立公園。 ',\r\n    src: '/img/exhibition/ex_img/ex_13.jpg',\r\n},\r\n{\r\n    id: 10,\r\n    size: 0,\r\n    category: 1,\r\n    dimension: 2,\r\n    title: '臺南博物館明信片',\r\n    description: '圖為「臺南博物館」，原址為「兩廣會館」，門口右側掛有「教育博物館」館名牌。兩廣會館位於臺南幸町，西元1876年由撫臺岑毓英與廣東、廣西兩省之豪商合資興建之會所，所用之土木匠工及磚塊、陶製品等建材，皆由廣東當地載運而來，1895年後曾做官民俱樂部、學校等使用，後為臺南州立教育博物館。二次大戰期間毀於轟炸，目前已不存在。',\r\n    src: '/img/exhibition/ex_img/ex_14.jpg',\r\n},\r\n{\r\n    id: 11,\r\n    size: 0,\r\n    category: 1,\r\n    dimension: 2,\r\n    title: '臺灣烏龍茶海報',\r\n    description: '海報中有穿著傳統唐衫拿著茶杯的女子，另有一張桌子，上方擺著茶盤、小湯匙與兩盒茶葉，海報上方寫著「臺灣ウーロン茶」，即為烏龍茶，左下方有寫著「FORMOSA OOLONG TEA」。30年代是臺灣茶的顛峰時期，從製造、輸出、到行銷已經成為相當嚴密的組織結構。而茶商公會在多次海內外博覽會或展覽會裡都有主動出擊的參展策略。實際上，用「喫茶店」美女招待，舉行試飲活動，同時也用女性圖像的海報，作為對外推廣宣傳的手法。',\r\n    src: '/img/exhibition/ex_img/ex_15.jpg',\r\n},\r\n{\r\n    id: 12,\r\n    size: 0,\r\n    category: 2,\r\n    dimension: 2,\r\n    title: 'ex_1',\r\n    description: 'ex_1',\r\n    src: '/img/exhibition/ex_img/ex_1.jpg',\r\n},\r\n{\r\n    id: 13,\r\n    size: 0,\r\n    category: 2,\r\n    dimension: 2,\r\n    title: 'ex_2',\r\n    description: 'ex_2',\r\n    src: '/img/exhibition/ex_img/ex_2.jpg',\r\n},\r\n{\r\n    id: 14,\r\n    size: 0,\r\n    category: 2,\r\n    dimension: 2,\r\n    title: 'ex_3',\r\n    description: 'ex_3',\r\n    src: '/img/exhibition/ex_img/ex_3.jpg',\r\n},\r\n{\r\n    id: 15,\r\n    size: 0,\r\n    category: 2,\r\n    dimension: 2,\r\n    title: 'ex_4',\r\n    description: 'ex_4',\r\n    src: '/img/exhibition/ex_img/ex_4.jpg',\r\n}, ];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import '../../css/home/exhibition.scss';\r\nimport { types_arr, themes_arr, board_arr } from \"./_exh_arr.js\";\r\n\r\n$(function() {\r\n\r\n    let $swiper, $container, $button_next, $button_prev;\r\n\r\n    const app = Vue.createApp({\r\n        data() {\r\n            return {\r\n                data_row: {\r\n                    date: '',\r\n                    title: '',\r\n                    description: '',\r\n                    curator: '',\r\n                    exhibition: [],\r\n                },\r\n                default_data: {\r\n                    current_decorate: 1,\r\n                    theme: {\r\n                        // color: 0,\r\n                        texture: 0,\r\n                    },\r\n                    showcase: {\r\n                        type: 0,\r\n                        color: 0,\r\n                        arrange: 0,\r\n                        items: [],\r\n                    },\r\n                    board: 0,\r\n                },\r\n                types: [],\r\n                themes: [],\r\n                boards: [],\r\n                item_list: [],\r\n                // collections: [],\r\n                selections: [],\r\n                selections_id: [],\r\n                items: [],\r\n                current_room_index: 0,\r\n                current_type_index: 0,\r\n                // current_decorate: 1,\r\n                current_step: 0,\r\n                default_item: {\r\n                    size: '',\r\n                    title: '',\r\n                    duration: '',\r\n                    description: '',\r\n                    src: '',\r\n                },\r\n                select_to_frame: '',\r\n                decorate_swiper: null,\r\n                exhibition_swiper: null,\r\n                selections_swiper: null,\r\n                items_swiper: null,\r\n                category: 0,\r\n                dimension: 0,\r\n                size: 0,\r\n                room: 0,\r\n                intro_item: null,\r\n                selections_view: false,\r\n                item_caption_view: false,\r\n                board_caption_view: false,\r\n                preview_show: false,\r\n                landing: true,\r\n                leftbar_handler: false,\r\n                result_url: '',\r\n                step_1_note_lb_view: true,\r\n                step_2_note_lb_view: true,\r\n                step_3_note_lb_view: true,\r\n                step_4_note_lb_view: true,\r\n                focused_el: null,\r\n            }\r\n        },\r\n        mounted() {\r\n            const $this = this;\r\n            $.get(window.location.origin + '/exhibition_data', function(response) {\r\n                // $this.collections = response.collection_arr;\r\n                $this.item_list = response.item_list;\r\n            });\r\n\r\n            this.types = types_arr;\r\n            this.themes = themes_arr;\r\n            this.boards = board_arr;\r\n\r\n            let _length = this.types[0].arranges[0].arrange.length;\r\n            for (var i = 0; i < _length; i++) {\r\n                this.default_data.showcase.items.push(this.default_item);\r\n            };\r\n\r\n            var tl = new TimelineLite({ delay: .4 })\r\n                .from('.landing_title', .7, { scale: 0, ease: Back.easeOut })\r\n                .from('.landing_subtitle', .65, { scale: 0, ease: Back.easeOut }, '-=.55')\r\n                .from('.landing_start', .6, { y: 600, ease: Back.easeOut.config(.7) }, '-=.6')\r\n\r\n            setTimeout(() => {\r\n                $swiper = '.items_swiper';\r\n                $container = $swiper + ' .swiper';\r\n                $button_next = $swiper + ' .items_next';\r\n                $button_prev = $swiper + ' .items_prev';\r\n                this.items_swiper = new Swiper($container, {\r\n                    height: (window.innerHeight - 110) / 6,\r\n                    grabCursor: true,\r\n                    direction: 'vertical',\r\n                    freeMode: {\r\n                        sticky: true,\r\n                    },\r\n                    navigation: {\r\n                        nextEl: $button_next,\r\n                        prevEl: $button_prev,\r\n                    },\r\n                });\r\n            }, 400);\r\n        },\r\n        methods: {\r\n            room_selected(room) {\r\n                this.room = room;\r\n                this.current_room_index = 0;\r\n                this.data_row.exhibition = [];\r\n                for (var i = 0; i < this.room; i++) {\r\n                    this.data_row.exhibition.push(this.default_data);\r\n                };\r\n                this.selections.forEach(function(_o, _i) {\r\n                    _o.is_placed = false;\r\n                });\r\n            },\r\n            leftbar() {\r\n                if (this.leftbar_handler) {\r\n                    this.leftbar_handler = false;\r\n                    TweenLite.to('.items_leftbar', .4, { y: -(window.innerWidth * 0.4619792) + 40, ease: Quart.easeOut });\r\n                } else {\r\n                    this.leftbar_handler = true;\r\n                    TweenLite.to('.items_leftbar', .4, { y: 0, ease: Quart.easeOut });\r\n                }\r\n            },\r\n            selection_fn(this_item_id) {\r\n                const $this = this;\r\n                // const this_item = event.target.offsetParent.offsetParent;\r\n                // const this_item_id = this_item.dataset.id;\r\n\r\n                if (this.selections_id.includes(this_item_id)) {\r\n                    this.selections_id = this.selections_id.filter(function(e) {\r\n                        return e != this_item_id;\r\n                    });\r\n                    this.selections = this.selections.filter(function(e) {\r\n                        return e.id != this_item_id;\r\n                    });\r\n                    // $(this_item).removeClass('active');\r\n\r\n                    this.data_row.exhibition.forEach(function(o, i) {\r\n                        o.showcase.items.forEach(function(_o, _i) {\r\n                            if (_o.id == this_item_id) {\r\n                                $this.data_row.exhibition[i].showcase.items[_i] = $this.default_item;\r\n                            }\r\n                        });\r\n                    });\r\n                } else {\r\n                    this.selections_id.push(this_item_id);\r\n                    this.item_list.forEach(function(o, i) {\r\n                        if (o.id == this_item_id) {\r\n                            o.is_placed = false;\r\n                            $this.selections.push(o);\r\n                        }\r\n                    });\r\n                    // $(this_item).addClass('active');\r\n                }\r\n            },\r\n            first_focus() {\r\n                const $this = this;\r\n\r\n                let modal = $('.lightbox.show');\r\n                if (!modal) {\r\n                    modal = $('.exhibition_center');\r\n                }\r\n\r\n                console.log(modal);\r\n                let _this_focus = modal.find('.first_focus');\r\n                _this_focus.focus();\r\n\r\n                var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex=\"0\"]';\r\n                var focusableElements = modal.find(focusableElementsString);\r\n\r\n                focusableElements = Array.prototype.slice.call(focusableElements);\r\n\r\n                var firstTabStop = focusableElements[0];\r\n                var lastTabStop = focusableElements[focusableElements.length - 1];\r\n\r\n                modal.on('keydown', function(e) {\r\n                    // SHIFT + TAB\r\n                    if (e.keyCode === 9) {\r\n                        if (e.shiftKey) {\r\n                            if (document.activeElement === firstTabStop) {\r\n                                e.preventDefault();\r\n                                $(lastTabStop).focus();\r\n                            }\r\n\r\n                            // TAB\r\n                        } else {\r\n                            if (document.activeElement === lastTabStop) {\r\n                                e.preventDefault();\r\n                                $(firstTabStop).focus();\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    // ESCAPE\r\n                    if (e.keyCode === 27) {\r\n                        $this.step_note_lb_close();\r\n                    }\r\n                });\r\n            },\r\n            step_note_lb_close(step) {\r\n                if (step == 1) {\r\n                    this.step_1_note_lb_view = !this.step_1_note_lb_view;\r\n                }\r\n                if (step == 2) {\r\n                    this.step_2_note_lb_view = !this.step_2_note_lb_view;\r\n                }\r\n                if (step == 3) {\r\n                    this.step_3_note_lb_view = !this.step_3_note_lb_view;\r\n                }\r\n                if (step == 4) {\r\n                    this.step_4_note_lb_view = !this.step_4_note_lb_view;\r\n                }\r\n                this.after_lb_focus();\r\n            },\r\n            after_lb_focus() {\r\n                $('.after_lb_focus').eq(0).focus();\r\n            },\r\n            step_to(step_to) {\r\n                const $this = this;\r\n\r\n                setTimeout(() => {\r\n                    $('*[role=\"checkbox\"], *[role=\"radio\"], *[role=\"navigation\"], *[role=\"button\"], *[role=\"group\"]').on('keypress', function(event) {\r\n                        if (event.which === 13) {\r\n                            $(this).click();\r\n                        }\r\n                    });\r\n                    $this.first_focus();\r\n                }, 300);\r\n\r\n                this.current_step = step_to;\r\n                if (step_to == 1) {\r\n                    setTimeout(() => {\r\n                        $swiper = '.selections_swiper';\r\n                        $container = $swiper + ' .swiper';\r\n                        $button_next = $swiper + ' .selections_next';\r\n                        $button_prev = $swiper + ' .selections_prev';\r\n                        this.selections_swiper = new Swiper($container, {\r\n                            slidesPerView: 6,\r\n                            grabCursor: true,\r\n                            freeMode: true,\r\n                            observer: true,\r\n                            mousewheel: {\r\n                                invert: true,\r\n                            },\r\n                            navigation: {\r\n                                nextEl: $button_next,\r\n                                prevEl: $button_prev,\r\n                            },\r\n                        });\r\n                    }, 100);\r\n                }\r\n                if (step_to == 3) {\r\n                    if (this.room == 0) {\r\n                        alert('請選擇展間間數');\r\n                        this.current_step = step_to - 1;\r\n                        return;\r\n                    }\r\n\r\n                    setTimeout(() => {\r\n                        TweenLite.set('.items_leftbar', { y: -(window.innerWidth * 0.4619792) + 40 });\r\n                    }, 50);\r\n\r\n                    this.data_row = JSON.parse(JSON.stringify(this.data_row));\r\n                    setTimeout(() => {\r\n                        $swiper = '.exhibition_swiper';\r\n                        $container = $swiper + ' .exh_swiper';\r\n                        $button_next = $swiper + ' .exhibition_next';\r\n                        $button_prev = $swiper + ' .exhibition_prev';\r\n                        this.exhibition_swiper = new Swiper($container, {\r\n                            slidesPerView: 1,\r\n                            allowTouchMove: false,\r\n                            grabCursor: true,\r\n                            navigation: {\r\n                                nextEl: $button_next,\r\n                                prevEl: $button_prev,\r\n                            },\r\n                            on: {\r\n                                transitionEnd: function(swiper) {\r\n                                    $this.current_room_index = swiper.realIndex;\r\n                                    $this.select_to_frame = '';\r\n                                    $this.clear_items();\r\n                                }\r\n                            }\r\n                        });\r\n                        $swiper = '.items_swiper';\r\n                        $container = $swiper + ' .swiper';\r\n                        $button_next = $swiper + ' .items_next';\r\n                        $button_prev = $swiper + ' .items_prev';\r\n                        this.items_swiper = new Swiper($container, {\r\n                            slidesPerView: 6,\r\n                            grabCursor: true,\r\n                            direction: 'vertical',\r\n                            navigation: {\r\n                                nextEl: $button_next,\r\n                                prevEl: $button_prev,\r\n                            },\r\n                        });\r\n                        this.data_row.exhibition.forEach(function(o, i) {\r\n                            $swiper = '.decorate_swiper_' + i;\r\n                            $container = $swiper + ' .swiper';\r\n                            $button_next = $swiper + ' .decorate_next';\r\n                            $button_prev = $swiper + ' .decorate_prev';\r\n                            $this.decorate_swiper = new Swiper($container, {\r\n                                slidesPerView: 8,\r\n                                grabCursor: true,\r\n                                observer: true,\r\n                                navigation: {\r\n                                    nextEl: $button_next,\r\n                                    prevEl: $button_prev,\r\n                                },\r\n                            });\r\n                        });\r\n                    }, 100);\r\n                }\r\n            },\r\n            preview_lb_show() {\r\n                const $this = this;\r\n                this.get_focused_el();\r\n                this.preview_show = !this.preview_show;\r\n                setTimeout(() => {\r\n                    $this.first_focus();\r\n                    $('.illustrates_box.preview').find('.first_focus').focus();\r\n                }, 300);\r\n            },\r\n            decorate_to(decorate_to) {\r\n                const $this = this;\r\n                this.data_row.exhibition[this.current_room_index].current_decorate = decorate_to;\r\n\r\n                setTimeout(() => {\r\n                    $('*[role=\"radio\"]').on('keypress', function(event) {\r\n                        if (event.which === 13) {\r\n                            $(this).click();\r\n                        }\r\n                    });\r\n\r\n                    if (decorate_to == 5) {\r\n                        $('.select_btn').eq(0).focus();\r\n                    }\r\n                }, 300);\r\n            },\r\n            arrange_selected(index) {\r\n\r\n                this.items_adjust();\r\n\r\n                this.data_row.exhibition[this.current_room_index].showcase.arrange = index;\r\n\r\n                let _length = this.types[this.data_row.exhibition[this.current_room_index].showcase.type].arranges[index].arrange.length;\r\n                let _items = this.data_row.exhibition[this.current_room_index].showcase.items = [];\r\n\r\n                for (var i = 0; i < _length; i++) {\r\n                    _items.push(this.default_item);\r\n                };\r\n            },\r\n            showcase_color_selected(index) {\r\n                this.data_row.exhibition[this.current_room_index].showcase.color = index;\r\n            },\r\n            type_selected(index) {\r\n\r\n                this.items_adjust();\r\n\r\n                this.data_row.exhibition[this.current_room_index].showcase.color = 0;\r\n                this.data_row.exhibition[this.current_room_index].showcase.arrange = 0;\r\n                this.data_row.exhibition[this.current_room_index].showcase.type = index;\r\n            },\r\n            items_adjust() {\r\n                const $this = this;\r\n                this.select_to_frame = '';\r\n                this.data_row.exhibition[this.current_room_index].showcase.items.forEach(function(o, i) {\r\n                    $this.selections.forEach(function(_o, _i) {\r\n                        if (_o.id == o.id) {\r\n                            $this.selections[_i].is_placed = false;\r\n                        }\r\n                    });\r\n                });\r\n                this.data_row.exhibition[this.current_room_index].showcase.items = [];\r\n                this.clear_items();\r\n            },\r\n            theme_texture_selected(index) {\r\n                this.data_row.exhibition[this.current_room_index].theme.texture = index;\r\n            },\r\n            board_selected(index) {\r\n                this.data_row.exhibition[this.current_room_index].board = index;\r\n            },\r\n            item_delete(index) {\r\n                const $this = this;\r\n                const this_item_id = this.data_row.exhibition[this.current_room_index].showcase.items[index].id;\r\n                this.data_row.exhibition[this.current_room_index].showcase.items[index] = this.default_item;\r\n                this.selections.forEach(function(o, i) {\r\n                    if (o.id == this_item_id) {\r\n                        $this.selections[i].is_placed = false;\r\n                    }\r\n                });\r\n            },\r\n            item_selected(item) {\r\n                const $this = this;\r\n                if (!item.is_placed) {\r\n                    item.is_placed = true;\r\n                    if (this.prev_frame == this.select_to_frame) {\r\n                        const prev_id = this.data_row.exhibition[this.current_room_index].showcase.items[this.prev_frame].id;\r\n                        this.selections.forEach(function(o, i) {\r\n                            if (o.id == prev_id) {\r\n                                $this.selections[i].is_placed = false;\r\n                            }\r\n                        });\r\n                    }\r\n                    this.data_row.exhibition[this.current_room_index].showcase.items[this.select_to_frame] = item;\r\n                    this.prev_frame = this.select_to_frame;\r\n                    this.clear_items();\r\n                } else {\r\n                    alert('此展件已經放置囉！請選擇其他展件');\r\n                }\r\n                console.log(this.data_row.exhibition[this.current_room_index].showcase.items);\r\n            },\r\n            clear_items() {\r\n                this.items = [];\r\n            },\r\n            open_item_select(size, index) {\r\n                TweenMax.set('.decorate_swiper', { opacity: 0 });\r\n                this.items = this.selections.filter((e) => e.size <= size || e.size == 0);\r\n                this.select_to_frame = index;\r\n                setTimeout(() => {\r\n                    TweenMax.set('.decorate_swiper', { opacity: 1 });\r\n                    TweenMax.set('.decorate_swiper .item', { opacity: 0, x: 100 });\r\n                    TweenMax.staggerTo('.decorate_swiper .item', .5, { opacity: 1, x: 0, ease: Quart.easeOut }, .1);\r\n\r\n                    $('*[role=\"radio\"]').on('keypress', function(event) {\r\n                        if (event.which === 13) {\r\n                            $(this).click();\r\n                        }\r\n                    });\r\n                }, 50);\r\n            },\r\n            finish() {\r\n                const $this = this;\r\n                $.ajaxSetup({\r\n                    headers: {\r\n                        'X-CSRF-TOKEN': $('meta[name=\"csrf-token\"]').attr('content')\r\n                    }\r\n                });\r\n                $.ajax({\r\n                    data: $this.data_row,\r\n                    type: 'POST',\r\n                    url: window.location.origin + '/exhibition_submit',\r\n                }).always(function(response, status) {\r\n                    console.log(response.msg);\r\n                    if (response.msg == 'success') {\r\n                        $this.result_url = window.location.origin + '/exhibition/' + response.id;\r\n                        $this.step_to(5);\r\n                    } else {\r\n                        alert('很抱歉小遊戲出了些狀況，策展未能儲存成功，請聯絡網站管理員');\r\n                    }\r\n                });\r\n            },\r\n            slide_to(index) {\r\n                this.exhibition_swiper.slideTo(index);\r\n            },\r\n            get_focused_el() {\r\n                this.focused_el = $(':focus');\r\n                if (!this.focused_el) {\r\n                    this.focused_el = $('.after_lb_focus').eq(0);\r\n                }\r\n            },\r\n            show_intro_item(e, item) {\r\n                this.get_focused_el();\r\n                const _target = $(e.target);\r\n                if (_target.is($('.item_pic')) || _target.is($('img'))) {\r\n                    this.intro_item = item;\r\n                    this.item_caption_view = true;\r\n                    setTimeout(() => {\r\n                        this.first_focus();\r\n                    }, 300);\r\n                }\r\n            },\r\n            lb_close(e) {\r\n                const _target = $(e.target);\r\n                if (_target.is($('.lightbox')) || _target.is($('.close_view_lb')) || _target.is($('.preview'))) {\r\n                    this.selections_view = false;\r\n                    this.board_caption_view = false;\r\n                    this.item_caption_view = false;\r\n                    this.preview_show = false;\r\n                    this.focused_el.focus();\r\n                    $('*[role=\"checkbox\"], *[role=\"radio\"], *[role=\"navigation\"], *[role=\"button\"], *[role=\"group\"]').on('keypress', function(event) {\r\n                        if (event.which === 13) {\r\n                            $(this).click();\r\n                        }\r\n                    });\r\n                }\r\n            },\r\n        },\r\n    }).mount('#exhibition_app');\r\n\r\n});"],"names":[],"sourceRoot":""}